@charset "utf-8";
/*初始化样式*/
html{width:100%;height:100%}
body{margin:0;padding:0;height:100%;margin:0 auto;zoom:1;font-size:14px;line-height:24px;font-family:Arial,"微软雅黑","宋体";color:#414446;width:100%;background: #fff; min-width: 1280px;}
dd,div,dl,dt,form,li,ul{padding:0;margin:0}
.ul,.ul li{list-style:none}
.h1,.h2,.h3,.h4,.h5,.h6,.p{padding:0;margin:0}
p{margin:0}
/*强制去除表单自带的样式*/
input,select,textarea{border-radius:0;-webkit-border-radius:0;color:#414446}
input:focus{outline:0}
body.hide{overflow:hidden}
strong{ font-weight: bold; }
button,input,select,textarea{outline:0}
/*强制去除textarea自带的样式*/
textarea{resize:none}
input,select,textarea{background:0 0;border:none;margin:0;padding:0}
/*html5设置*/
article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}
figcaption,figure{margin:0;padding:0}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
/*百度分享弹框*/
.bd_weixin_popup{box-sizing:content-box}
img{border:none;border:0;vertical-align:top;max-width:100%}
span{outline:0}
a{color:#414446;text-decoration:none;color:#333}
a:link,
a:focus{outline:0;-moz-outline:none;text-decoration:none;}
a:hover{text-decoration:none;color:#004098;text-decoration:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;overflow-x:hidden}
.animate5s{ transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; }
.animate3s{ transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; }
.textover{overflow:hidden;  /* text-overflow:ellipsis; */  white-space:nowrap}
.textovers{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.t-center{ text-align: center; }
.t-left{ text-align: left; }
.t-right{ text-align: right; }
.x-half{ transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.y-half{ transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.xy-half{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
/*清楚浮动*/
.clear{clear:both;height:0;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both;font-size:0}
.clearfix{zoom:1}
/*初始化样式*/
.f_l{float:left;display:inline-block}
.f_r{float:right;display:inline-block}
/**动画**/
[data-animation]{opacity:0}
.animated{opacity:1}
.IndexBody .container{ width: 1190px!important; padding:0; }
.container{ width: 1200px!important; padding:0; }
.icons{ background-image: url(../images/icons.png); background-repeat: no-repeat; }
.bg0{ background-color: #fff; }
.bg1{ background-color: #ebebeb; }
.bg2{ background-color: #e3a941; }
.bg3{ background-color: #f3f3f3; }
.cor1{ color:#333333; }
.cor2{ color:#e23838; }
.cor3{ color:#146fb5; }
.fs1{ font-size: 12px; }
.fs2{ font-size: 14px; }
.fs3{ font-size: 16px; }
.fs4{ font-size: 18px; }
.fs5{ font-size: 20px; }
.o-hide{ overflow: hidden; }
.imgBox{ overflow: hidden; }
.imgBox img{ display: block; transform: scale(1); }
.imgh:hover img{ transform: scale(1.08); }
.padl12{ padding-left: 12px; }
.padb10{ padding-bottom: 10px; }
.padb50{ padding-bottom: 50px; }
.padb90{ padding-bottom: 90px; }
.pt1em{ text-indent: 1em; }
/**头部导航Header**/
body{ padding-top: 0; }
.red{ color:#cc0000; }
.headerBox{ height: 149px; }
#Header{ position: static; top: -185px; left: 0; width: 100%; border:0 none; }
#Header .Top{ background:#f9f9f9; font-size: 12px; line-height: 34px; color:#666666; height: 35px; border-bottom: 1px solid #e6e6e6; }
#Header .Top *{ vertical-align: middle; }
#Header .Top .f_l span{ line-height: 30px; padding-bottom: 2px; display: inline-block; }
#Header .Top .f_r i{ margin:0 3px; color:#e0e0e0; }
#Header .Top .c_lib{ position: relative; }
#Header .Top .c_lib+i{ margin-left: 0px; }
#Header .Top .c_lib .icons{ display: inline-block; height: 10px; width: 10px; background-position: -140px 0; margin-right: 0; }
#Header .Top .c_lib .code:before{ display: block; position: absolute; left: 50%; margin-left: -8px; top: -8px; content: ""; height: 8px; width: 16px; background:url(../images/icons.png) 0 -149px; }
#Header .Top .c_lib .code{ display: none; position: absolute; top: 100%; left: 50%; margin-left: -66px; margin-top: 10px; width: 122px; padding:5px; border-radius: 4px; border:1px solid #ccc; z-index: 2; }
#Header .Top .c_lib .txt{ color:#888; margin:0; line-height: 22px; }
#Header .Top .c_lib:hover .code{ display: block; }
#Header .Top .cart{ background:#e7e7e7; display: inline-block; padding:0 23px 0 10px; position: relative; margin-left: 4px; }
#Header .Top .cart:hover{ color:#fff; background-color: #005ca2; }
#Header .Top .cart:hover .icons{ background-position: 0px -36px; }
#Header .Top .cart .icons{ display: inline-block; height: 12px; width: 12px; background-position: 0px 0px; margin:0 8px 0 0; position: relative; top: -1px; }
#Header .Top .cart .num{ position: absolute; top: 2px; left: 68%; display: block; font-style: normal; min-width: 16px; line-height: 16px; padding:0 3px; color:#fff; border-radius: 50%; background-color: #e60012; }
#Header .Mid{ background:#fff; padding:15px 0; }
#Header .logoBox{}
#Header .logo{display:table-cell;height:40px;vertical-align:middle;}
#Header .logo img{display:block;}
#Header .navbar-form{ vertical-align: middle; display: inline-block; margin:0; padding:0; }
#Header .Mid .Box{ border:1px solid #005ca2; line-height: 38px; }
#Header .Mid .Box .select{ height:38px; line-height:38px; width:80px; padding:0 0 0 1px; color:#666666; font-size:12px; }
#Header .Mid .Box .select option{ color:#666666; font-size:12px; }
#Header .Mid .Box .Key{ display: block; font-size: 14px; color:#666666; line-height: 38px; height: 38px; padding:0 10px; width: 405px; }
#Header .Mid .Box .submit{ border:0 none; background-color: #005ca2; width: 50px; height: 38px; cursor: pointer; }
#Header .Mid .Box .submit .icons{ width: 20px; height: 20px; margin:0 auto; display: block; background-position: -45px 0; vertical-align: middle; }
#Header .Mid .Box .submit:hover{ background-color: #0d6fb9; }
#Header .Mid .phone{ vertical-align: middle; display: inline-block; font-size: 14px; color:#666; line-height: 18px; margin-left: 15px; position: relative; padding-left: 34px; }
#Header .Mid .phone .icons{ position: absolute; display: block; left: 0; height: 32px; width: 32px; background-position: -104px 0; margin-top: 5px; }
#Header .Mid .phone .num{ font-size: 20px; line-height: 20px; font-weight: bold; color:#005ca2; letter-spacing: 1px; }
#Header .Bot{ background:#146fb5; line-height: 36px; font-size: 16px; }
#Header .Bot .all{ float: left; display: inline-block; color:#fff; width: 200px; position: relative; z-index: 98; }
#Header .Bot .all .top{ display: block; background-color: #248bdb; padding-left: 15px; }
#Header .Bot .all .top .icons{ width:20px; height: 26px; vertical-align: middle; background-position: -224px 4px; display: inline-block; margin-right: 10px; }
#Header .Bot .lib{ position: absolute; left: 0; top: 100%; width: 100%; border:1px solid #1f76b8; background-color: #fff; height: 455px; display: none; padding-bottom: 47px; /*border-bottom: 1px solid transparent;*/ }
#Header .Bot .lib.show{ height: auto; }
.IndexBody #Header .Bot .lib{ display: block; }
#Header .Bot .all:hover .lib{ display: block; }
#Header .Bot .lib>li{ display: none; }
#Header .Bot .lib>.li1,
#Header .Bot .lib>.li2,
#Header .Bot .lib>.li3,
#Header .Bot .lib>.li4,
#Header .Bot .lib>.li5,
#Header .Bot .lib>.li6,
#Header .Bot .lib>.li7,
#Header .Bot .lib>.more{ display: block; }
#Header .Bot .lib .Type{ }
#Header .Bot .lib .Type a{ padding:12px 22px; color:#333; font-size: 14px; display: block; vertical-align: middle; line-height: 34px; height: 58px; border-bottom: 1px solid #e6e6e6; position: relative; }
#Header .Bot .lib .Type a .icon{ display: inline-block; vertical-align: middle; position: relative; }
#Header .Bot .lib .Type a .icons{ display: block; height: 10px; width: 5px; right: 13px; top:17px; height: 24px; position: absolute; background-position: -142px -45px; }
#Header .Bot .lib .Type a .i1{ display: block; height: 30px; width: 30px; position: relative; opacity: 1; background-position: center; background-repeat: no-repeat; }
#Header .Bot .lib .Type a .i2{ opacity: 0; position: absolute; left: 0; top:0; display: block; height: 100%; width: 100%; background-position: center; background-repeat: no-repeat; }
#Header .Bot .lib li:hover .Type a{ color:#fff; background-color: #146fb5; }
#Header .Bot .lib li:hover .Type a .i1{ opacity: 0; }
#Header .Bot .lib li:hover .Type a .i2{ opacity: 1; }
#Header .Bot .lib .no .Type a .icons,
#Header .Bot .lib li:hover .Type a .icons{ display: none; }
#Header .Bot .lib>li:hover{ background-color: #fff; border-color: transparent; border-right-color: #f9f6fb; }
#Header .Bot .lib li.more{ display: block; position: absolute; width: 100%; height: 47px; background:#fff; left: 0; bottom:0; text-align: center; font-size: 12px; color:#146fb5; line-height: 24px; padding-top: 8px; cursor: pointer; }
#Header .Bot .lib li.more .icons{ display: block; margin:0 auto; height: 14px; width: 18px; background-position: -19px 0; }
#Header .Bot .lib li.more:hover{ background: #146fb5; color:#fff; }
#Header .Bot .lib li.more:hover .icons{ background-position:-19px -17px; }
#Header .Bot li:hover .Type span,
#Header .Bot li:hover .Type a{ color:#333333; }
#Header .Bot li:hover .TankBlock{ display: block; }
#Header .Bot .lib .Type span{ font-size: 14px; margin:0 4px; vertical-align: middle; }
#Header .Bot .TankBlock{ position: absolute; left: 100%; top:-1px ; margin-left:0; width: 741px; overflow-y:auto; min-height: 455px; max-height:100%; background:#fff; padding:15px 20px 15px 15px; display: none; border:1px solid #1f76b8; }
#Header .Bot .TankBlock .Links{ width: 510px; }
#Header .Bot .TankBlock .Links .dl{ border-bottom:1px dashed #ccc; margin-bottom: 10px;  }
#Header .Bot .TankBlock .Links .dl:last-child{ border:none; }
#Header .Bot .TankBlock .Links .dl a:hover{ color:#146fb5; }
#Header .Bot .TankBlock .Links dt a{font-size: 14px; font-weight: normal;color: #e23838;}
#Header .Bot .TankBlock .Links dd{ padding-bottom: 15px; }
#Header .Bot .TankBlock .Links dd a{ font-size: 14px; line-height: 18px; color:#333; padding:0 10px; border-right:1px solid #888;  }

#Header .Bot .TankBlock .Links dd a:last-child{  border-right:none;  }


#Header .Bot .TankBlock .like{ width: 165px; }
#Header .Bot .TankBlock .like .word{ font-size: 14px; line-height: 20px; color:#333333; margin-bottom: 13px; }
#Header .Bot .TankBlock .like a{ display: block; overflow:hidden; }
#Header .Bot .TankBlock .like a+a{ margin-top:1px; }
#Header .Bot .TankBlock .like img{ transform:scale(1); opacity: 1; }
#Header .Bot .TankBlock .like a:hover img{ transform:scale(1.08); opacity: 0.9; }
#Header .Bot .Menu{ /*padding-left: 15px;*/ float: left; }
#Header .Bot .Menu dd{ float: left; display: inline-block; line-height: 36px; position: relative; z-index: 9; }
#Header .Bot .Menu dd>a{ display: block; padding:0 30px; font-size: 15px; color:#fff; font-weight: bold; }
#Header .Bot .Menu dd:hover .Smenu{ display: block; }
#Header .Bot .Smenu{ position: absolute; display: none; width: 100%; left: 0; top: 100%; background: #f5f5f5; text-align: center; }
#Header .Bot .Smenu .a{ display: block; }
#Header .Bot .Smenu a{ display: block; color:#666; padding:0; }
#Header .Bot .Smenu .a:hover{ }
#Header .Bot dd .Smenu .a:hover a{ color:#176eb0; background:#f5f5f5; }
#Header .Bot .Smenu .a+.a a{ border-top: 1px solid #ccc; }
#Header .Bot .Menu dd.on a{ background-color: #248bdb; }
#Header .Bot .Menu dd a:hover{ background-color: #248bdb; }
.HF #Header{ position: fixed; top:0; }
.HF.ok #Header{  }
.HF #Header .Top{ height: 0; overflow: hidden; display: none; }
.HF #Header .Bot .lib{ display: none; }
.HF #Header .logo{ height: 30px; }
.HF #Header .logo img{ height: 20px; }
.HF #Header .Mid{ padding:5px 0; }
.HF #Header .Mid .phone{ display: none; }
.HF #Header .Mid .Box .select{ height:28px; line-height:28px; }
.HF #Header .Mid .Box .Key{ height: 28px; line-height: 28px; font-size: 12px; }
.HF #Header .Mid .Box .submit{ height: 28px; }
.HF #Header .Mid .Box .submit .icons{ transform: scale(0.8); }
.HF #Header .Bot .Menu dd>a{ font-size: 12px; }

/**底部footer**/
.Footstyle1 #Footer .l-Box,
.Footstyle1 #Footer .f_cont,
.Footstyle1 #Footer .code{ display: none; }
.Footstyle1 #Footer .links{ padding-top: 10px; }
#Footer{ padding-top:20px; background:#f3f3f3; }
#Footer .l-Box{ min-height: 180px; padding-right: 20px; background:url(../images/line.png) no-repeat right 12px; }
#Footer .logo{ text-align: center; margin-bottom:5px; }
#Footer .txt{ font-size: 14px; line-height: 34px; color:#999999; }
#Footer .txt .icons{ display: inline-block; vertical-align: middle; height: 20px; width: 20px; background-position: -106px -41px; margin-right: 4px; }
#Footer .phone{ font-size: 26px; color:#005ca2; }
#Footer .f_cont{ text-align: center; padding:20px 45px 0; }
#Footer .f_cont li{ padding:0 45px; vertical-align: top; display: inline-block; }
#Footer .f_cont li.alst{ padding-right: 0; }
#Footer .f_cont .title{ font-size: 16px; line-height: 22px; color:#000000; }
#Footer .f_cont .aBox{ padding-top:4px; text-align: left; }
#Footer .f_cont .a{ padding:2px 0; }
#Footer .f_cont .a a{ font-size: 14px; line-height: 20px; color:#000000; }
#Footer .f_cont .a a:hover{ color:#005ca2; }
#Footer .code{ min-height: 180px; padding:20px 45px 0; background:url(../images/line.png) no-repeat left 10px; }
#Footer .code img{ display: block; }
#Footer .code .txt{ font-size: 14px; line-height: 1.8em; color:#000000; text-align: center; }
#Footer .links{ font-size: 14px; color:#000; padding-top: 40px; }
#Footer .links a{ color:#000; display: inline-block; vertical-align: middle;  }
#Footer .links a:hover{ color:#005ca2; }
#Footer .links i{ position: relative; top: -2px; display: inline-block; vertical-align: middle; margin:0 10px; }
#Footer .icp{ padding:15px; }
#Footer .icp a{ display: inline-block; vertical-align: middle; margin:0 1px; overflow: hidden; }
#Footer .icp a img{ transform: scale(1); }
#Footer .icp a:hover img{ transform: scale(1.05); }
#Footer .cont{ font-size: 12px; line-height: 20px; color:#999999; padding-bottom: 3px; }
#Footer .cont a{ color:#999999; }
#Footer .cont a:hover{ color:#005ca2; }
#Footer .cont .copy,
#Footer .cont .support{ display: inline-block; }

/**侧边悬浮**/
#LeftPro{ position: fixed; top:170px; left: 50%; margin-left: -650px; text-align: center; display: none; }
#LeftPro .icon{ display: block; width: 42px; height: 42px; padding:4px 2px 0; border-radius: 5px; background-color:#f2f2f2; line-height: 18px; font-size: 12px; color:transparent; background-position: center; background-repeat: no-repeat; }
#LeftPro .icon .t-cell{ vertical-align: middle; height: 36px; display:table-cell; }
#LeftPro .icon+.icon{ margin-top: 5px; }
#LeftPro .icon.on,
#LeftPro .icon:hover{ color:#fff; background:#146fb5!important; }
#LeftPro .top{ color:#9f9e9e; }
#LeftPro .top .icons{ display: block; height: 16px; background-position: -252px 3px; }
#LeftPro .top:hover{ color:#fff; }
#LeftPro .top:hover .icons{ background-position: -252px -31px; }
.IndexBody #LeftPro{ display: block; }
#RightNav{ position: fixed; display: block; width: 38px; height: 100%; top:0; right: 0; padding-top: 124px; background-color: #333333; z-index: 9999; }
#RightNav .box{ display: block; font-size: 14px; line-height: 18px; color:#fff; text-align: center; padding:20px 7px; position: relative; }
#RightNav .line{ display: block; height: 1px; background:#424242; margin:0 7px; }
#RightNav .box:hover{ color:#268bd9; }
#RightNav .box .icons{ display: block; height: 22px; width: 22px; margin:0 auto; margin-bottom:3px; }
#RightNav .server .icons{ background-position: 3px -169px; }
#RightNav .cart .icons{ background-position: -26px -168px; }
#RightNav .member .icons{ background-position: -54px -167px; }
#RightNav .history .icons{ background-position: -84px -169px; }
#RightNav .code .icons{ background-position: -114px -167px; margin:0; }
#RightNav .Retop .icons{ background-position: -151px -169px; }
#RightNav .server:hover .icons{ background-position-y:-198px; }
#RightNav .cart:hover>.icons{ background-position-y:-197px; }
#RightNav .member:hover .icons{ background-position-y:-196px; }
#RightNav .history:hover .icons{ background-position-y:-195px; }
#RightNav .code:hover .icons{ background-position-y:-194px; }
#RightNav .Retop:hover .icons{ background-position-y:-196px; }
#RightNav .box:hover .ex{ display: block; }
#RightNav .cart{ position: relative; }
#RightNav .cart .num{ display: block; margin:3px auto 0; width: 20px; border-radius: 50%; background: #e23838; font-size: 14px; line-height: 20px; font-style: normal; color:#fff; }
#RightNav .cart .ex{ background-color: #f1f1f1; color:#333; width: 380px; }
#RightNav .cart .ul{ max-height: 300px; overflow-y: auto; }
#RightNav .cart .jt{ position: absolute; right: -14px; top: 12px; display: block; border:7px solid transparent; border-left-color:#f1f1f1; }
#RightNav .cart .title{ font-size: 16px; line-height: 42px; padding:0 18px; }
#RightNav .cart .title .i-btn{ height: 32px; width: 20px; background-position:-32px -136px; position: relative; top: 5px; cursor: pointer; }
#RightNav .cart .title .i-btn:hover{ background-position-x:-56px; }
#RightNav .cart li{ padding:15px 20px; width: 380px; background: #fff; border-bottom: 2px solid #146fb5; position: relative; }
#RightNav .cart li+li{ margin-top: 25px; }
#RightNav .cart li .exit{ position: absolute; top:auto; right: 20px; height: 10px; width: 10px; background-position: -190px -170px; cursor: pointer; }
#RightNav .cart li .exit:hover{ background-position-y: -187px; }
#RightNav .cart i{ font-style: normal; }
#RightNav .cart .imgBox{ padding:0 25px; width: 150px; overflow: hidden; }
#RightNav .cart .imgBox img{ display: block; transform: scale(1); opacity: 1; }
#RightNav .cart .imgBox:hover img{ transform: scale(1.08); opacity: 0.8; }
#RightNav .cart .cont{ width:190px; padding-right: 10px; text-align: left; }
#RightNav .cart .p_name{ font-size: 16px; line-height: 22px; color:#333; display: block; height: 66px; margin-top:10px; }
#RightNav .cart .p_name:hover{ color:#146fb5; }
#RightNav .cart .other{ font-size: 16px; color:#333333; font-weight: bold; }
#RightNav .cart .price{ display: inline-block; width: 90px; }
#RightNav .cart .o{ padding:0 20px; line-height: 42px; color:#333333; font-size: 16px; }
#RightNav .cart .btn-div{ padding:15px; /*margin-top:35px;*/ }
#RightNav .cart .btn-div a{ line-height: 42px; font-size: 16px; color:#fff; background-color: #146fb5; border-radius: 5px; display: block; }
#RightNav .cart .btn-div a:hover{ background-color: #034a81; }
#RightNav .code{ font-size: 12px; cursor: pointer; position: absolute; bottom:50px; padding:0 7px; }
#RightNav .code .qrcode{ border:1px solid #dfdfdf; padding:15px 15px 0; position: absolute; right: 100%; bottom:-5px; display: none; background-color: #fff; }
#RightNav .code img{ display: block; max-width: 999px; }
#RightNav .code .txt{ text-align: center; line-height: 3em; color: #666666; font-size: 12px; }
#RightNav .code .qrcode:before{ content: ''; width: 8px; height: 13px; /*background: url(../images/ex-1.png);*/ position: absolute; top:49px; right: -8px; }
#RightNav .code:hover .qrcode{ display: block; }
#RightNav .Retop{ font-size: 12px; cursor: pointer; position: absolute; bottom:20px; padding:0 7px; }
#RightNav .ex{ border-radius: 5px; position: absolute; top: 15px; right: 100%; margin-right: -2px; display: none; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
#RightNav .ex .service{ width: 190px; padding: 18px 35px; border-radius: 4px; }
#RightNav .ex:before{ content: ''; width: 8px; height: 13px; /*background: url(../images/ex-1.png);*/ position: absolute; top: 15px; right: -8px; }
#RightNav .ex .service a{ color:#146fb5; }
#RightNav .ex .service li{ margin-bottom: 20px; }
#RightNav .ex .service li .text{ line-height: 20px; height: 20px; font-size: 14px; color: #146fb5; margin-top: 10px; }
#RightNav .ex .service li .qrcode{ padding:10px; position: absolute; top: 130px; right: -12px; z-index: 5; border: solid 1px #dedede; border-radius: 4px; text-align: center; background: #fff; display: none; }
#RightNav .ex .service li .qrcode .pic{ width: 126px; height: 126px; overflow: hidden; }
#RightNav .ex .service li .qrcode .pic img{ display: block; }
#RightNav .ex .service li .qrcode .txt{ line-height: 14px; height: 14px; font-size: 12px; color: #666666; }
#RightNav .ex .service li.qr{ position: relative; margin-bottom: 0; }
#RightNav .ex .service li.qr:hover .qrcode{ display: block; }
#RightNav .ex .service li .qrcode:after{ content: ""; width: 15px; height: 8px; background: url(../images/logisticsTracking_triangle2.png) no-repeat 0 0; position: absolute; top: -7px; left: 50%; transform: translate(-50%,0%); -webkit-transform: translate(-50%,0%); -moz-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%); -o-transform: translate(-50%,0%); }
@media (max-height: 800px){
	/**侧边悬浮**/
	#RightNav{ padding-top: 100px; }
	#RightNav .box{ padding:10px 7px; }
	#RightNav .code{ padding:0 7px; }
	#RightNav .code .qrcode:before{ top:39px; }
	#RightNav .Retop{ padding:0 7px; }
}
@media (max-height: 700px){
	/**侧边悬浮**/
	#RightNav{ padding-top:30px; }
	#RightNav .box{ padding:7px; }
	#RightNav .code{ bottom:40px; }
	#RightNav .Retop{ bottom:10px; }
}
@media (max-height: 600px){
	/**侧边悬浮**/
	#RightNav{ padding-top:15px; }
}

/**首页Banner**/
#IndexTop{ padding-top:10px; }
#IndexTop .l-cont{ margin-left: 210px; width: 730px; }
#Banner{ overflow: hidden; position: relative; height: 285px; margin-bottom:10px; }
#Banner .swiper-slide{ height: 285px; background-repeat: no-repeat; background-position: center; }
#Banner .pagination{ position: absolute; right: 0; bottom:10px; z-index: 10; text-align: center; margin:0; padding-right:15px; }
#Banner .pagination span{ border:1px solid #2987ce; background:transparent; height: 10px; width: 10px; opacity: 1; margin:0 3px; cursor: pointer; }
#Banner .pagination span.swiper-pagination-bullet-active{ background:#2987ce; }
/**内页Banner**/
#AutoBanner{ background-repeat: no-repeat; background-position: center; border-top:1px solid #fff; }
#AutoBanner .word{ color:#fff; }
#AutoBanner .table{ display: table; width: 100%; height: 217px; margin:0; }
#AutoBanner .t-cell{ display: table-cell; width: 100%; height: 217px; text-align: center; vertical-align: middle; }
#AutoBanner .titmax{ font-size: 30px; line-height: 1.2em; margin-bottom: 5px; }
#AutoBanner .titmin{ font-size: 20px; line-height: 1.2em; }
/***首页***/
#IndexTop .l-cont .imgBox{ display: block; overflow: hidden; }
#IndexTop .l-cont .imgBox img{ display: block; transform: scale(1); opacity: 1; }
#IndexTop .l-cont .imgBox:hover img{ transform: scale(1.06); opacity: 0.9; }
#IndexTop .l-cont .imgBox+.imgBox{ margin-left: 12px; }
#IndexTop .r-cont{ width:240px; }
#IndexTop .r-cont .border{ border:1px solid #e6e6e6; margin-bottom:10px; }
#IndexTop .r-cont .mBox{ padding:18px 0; }
#IndexTop .r-cont .mBox a{ padding:0 8px; background-color: #efefef; display: inline-block; border-radius: 14px; line-height: 28px; color:#146fb5; margin:0 5px; }
#IndexTop .r-cont .mBox .login{ padding:0 15px; }
#IndexTop .r-cont .mBox .login .icons{ display: inline-block; width: 20px; height: 24px; background-position: -162px -26px; vertical-align: middle; margin-right: 3px; }
#IndexTop .r-cont .mBox .regist .icons{ display: inline-block; width: 20px; height: 24px; background-position: -190px -26px; vertical-align: middle; }
#IndexTop .r-cont .mBox a:hover{ background-color: #146fb5; color:#fff; }
#IndexTop .r-cont .mBox .login:hover .icons{ background-position-y:1px; }
#IndexTop .r-cont .mBox .regist:hover .icons{ background-position-y:4px; }
#IndexTop .r-cont .type{ padding:0 10px; line-height: 26px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background-color: #fafafa; }
#IndexTop .r-cont .type a{ color:#444444; font-size:12px; }
#IndexTop .r-cont .type a:hover{ color:#146fb5; }
#IndexTop .r-cont .swiper-container1Box{ padding:5px; }
#IndexTop .r-cont .swiper-container1{ height: 120px; overflow: hidden; }
#IndexTop .r-cont .newslsit{ background-color: #fafafa; }
#IndexTop .r-cont .newslsit a{ font-size: 12px; line-height: 20px; height: 20px; display: block; }
#IndexTop .r-cont .other{ border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; background-color: #fafafa; }
#IndexTop .r-cont .other li{ float: left; width: 25%; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
#IndexTop .r-cont .other li a .icons{ height: 30px; width: 30px; display: block; margin:0 auto; }
#IndexTop .r-cont .other li a{ padding:8px 0 1px; font-size: 12px; color:#000; line-height: 22px; display: block; }
#IndexTop .r-cont .other .li1 .icons{ background-position: 7px -73px; }
#IndexTop .r-cont .other .li2 .icons{ background-position: -25px -73px; }
#IndexTop .r-cont .other .li3 .icons{ background-position: -63px -73px; }
#IndexTop .r-cont .other .li4 .icons{ background-position: -98px -73px; }
#IndexTop .r-cont .other .li5 .icons{ background-position: -131px -73px; }
#IndexTop .r-cont .other .li6 .icons{ background-position: -168px -73px; }
#IndexTop .r-cont .other .li7 .icons{ background-position: -202px -73px; }
#IndexTop .r-cont .other .li8 .icons{ background-position: -237px -73px; }
#IndexTop .r-cont .other a:hover{ color:#fff; background-color: #146fb5; }
#IndexTop .r-cont .other a:hover .icons{ background-position-y:-107px; }
#IndexTop .r-cont .imgBox{ margin-top: 11px; display: block; color:#fff; position: relative; }
#IndexTop .r-cont .imgBox .cont{ left: 0; top:0; position: absolute; height: 100%; width: 100%; padding:15px 10px 0; background-color: transparent; }
#IndexTop .r-cont .imgBox .cont:hover{ background-color:rgba(0,0,0,0.41); }
#IndexTop .r-cont .imgBox .cn{ font-size: 22px; line-height: 1.2em; }
#IndexTop .r-cont .imgBox .en{ font-size: 13px; line-height: 20px; }
#IndexTop .PartnerList{ overflow: hidden; margin-top: 10px; }
#IndexTop .PartnerList .Box{ display: block; border:1px solid #c4c4c4; overflow: hidden; }
#IndexTop .PartnerList .Box img{ display: block; transform: scale(1); opacity: 1; }
#IndexTop .PartnerList .Box:hover img{ transform: scale(1.1); opacity: 0.9; }

/**首页列表**/
.AutoTitle{ line-height: 40px; padding:15px 0 5px; }
.AutoTitle .t{ font-size: 24px; color:#000000; font-weight:bold; position: relative; }
.AutoTitle .line{ position: absolute; display: block; height: 20px; top: 2px; left: 0px; border-left:3px solid #e3a941; }
.AutoTitle .links{ font-size: 12px; color:#004098; }
.AutoTitle .links a{ text-align:center; color:#333; vertical-align: middle; display: inline-block; line-height:22px; border-radius:5px; background:#ededed; padding:0 5px; min-width: 60px; }
.AutoTitle .links a+a{ margin-left:1px; }
.AutoTitle .links a:hover{ color:#fff; background-color: #146fb5; }
.Advertisement{ margin-top:10px; display: block; }
.IndexList{}
.IndexList .TypeBox{ overflow: hidden; width:180px; padding:10px; background-color:#146fb5; }
.IndexList .TypeBox .aBox{ font-size:0; line-height:0; padding-bottom:13px; height:223px; }
.IndexList .TypeBox .aBox a{ display:inline-block; vertical-align:middle; width:49%; text-align:left; font-size:12px; line-height:26px; color:#fff; background:rgba(94,174,236,0.48); padding:0 5px; margin-bottom:4px; }
.IndexList .TypeBox .aBox a:nth-child(2n){ margin-left:2%; }
.IndexList .TypeBox .aBox a:hover{ background:#ffa800; }
.IndexList .TypeBox img{ display: block; transform: scale(1); }
.IndexList .TypeBox:hover{ box-shadow: 0 0 10px rgba(10,10,10,0.1); }
.IndexList .TypeBox:hover img{ transform: scale(1.01); }
.IndexList .Lists{ border-top:2px solid #146fb5; }
.IndexList .Lists .ul{ width: 1010px }
.IndexList .Lists .ul li{ float: left; width:20%; }
.IndexList .Lists .ul li:nth-child(1) .Box,
.IndexList .Lists .ul li:nth-child(2) .Box,
.IndexList .Lists .ul li:nth-child(3) .Box,
.IndexList .Lists .ul li:nth-child(4) .Box,
.IndexList .Lists .ul li:nth-child(5) .Box{ height:201px; }
.IndexList .Lists .ul .Box{ padding:5px; height: 200px; background: #fff; display: block; transform: translate(0); opacity: 1; position: relative; margin:0 auto; border-bottom: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; }
.IndexList .Lists .ul .imgBox{ overflow: hidden; }
.IndexList .Lists .ul .imgBox img{ display: block; margin:0 auto; width:120px; }
.IndexList .Lists .ul .cont{ text-align: center; font-size: 12px; }
.IndexList .Lists .ul .title{ color:#146fb5; line-height: 20px; height: 20px; font-weight:bold; }
.IndexList .Lists .ul .longtitle{ color:#000; line-height: 20px; height: 20px; overflow: hidden; }
.IndexList .Lists .ul .now{ color:#e33232; font-size: 18px; font-weight: bold; line-height: 22px; display: inline-block; vertical-align: middle; margin-right:5px; }
.IndexList .Lists .ul .now .my{ font-size: 12px; vertical-align: middle; }
.IndexList .Lists .ul .xj{ display: inline-block; color:#fff; line-height: 18px; height: 18px; background-color: #146fb5; padding:0 10px; border-radius: 8px; }
.IndexList .Lists .ul .Box:hover{ transform: translate(-0px,-0px); box-shadow: 0 0 10px rgba(1,1,1,0.6); opacity: 0.9; z-index: 1; }
.IndexList .Lists .ul .Box:hover .xj{ background-color: #e33232; }
.IndexList .Lists .ul .Box:hover .title{ color:#e33232; }

#IndexNews{ padding:15px 0; }
#IndexNews .dl{ width: 590px; border:1px solid #eaeaea; padding:0 15px 8px; }
#IndexNews dt{ line-height: 44px; border-bottom: 1px solid #ddd; margin-bottom: 10px; }
#IndexNews dt span{ font-size: 18px; color:#000000; display: inline-block; vertical-align: middle; position: relative; }
#IndexNews dt span .line{ position: absolute; left: 0; bottom:-2px; display: block; height: 3px; width:100%; background-color: #146fb5; }
#IndexNews dt a{ font-size: 12px; }
#IndexNews dt a .icons{ display: inline-block; vertical-align: middle; width:20px; height: 20px; background-position: -291px 2px; }
#IndexNews dt a:hover .icons{ background-position: -291px -31px; }
#IndexNews dd{}
#IndexNews dd a{ font-size: 14px; color:#000; line-height: 28px; display: block; position: relative; padding-right: 110px; }
#IndexNews dd a .icons{ font-size: 12px; width: 15px; height: 28px;margin-right: 6px; color:#fff; text-align: center; background-position: -324px 7px; }
#IndexNews dd a .time{ display: block; position: absolute; right: 0; top: 0; color:#000; }
#IndexNews .i4 a .icons,
#IndexNews .i5 a .icons{ background-position: -324px -24px; }
#IndexNews dd a:hover{ color:#146fb5; }
#IndexNews dd a:hover .icons{ background-position: -324px -53px; }

#LinksBlock{}
#LinksBlock .title{ line-height: 28px; border-bottom: 1px solid #ddd; margin-bottom: 5px; }
#LinksBlock .title span{ padding-bottom:10px; font-weight:bold; font-size: 18px; color:#000000; display: inline-block; vertical-align: middle; position: relative; }
#LinksBlock .title .line{ position: absolute; left: 0; bottom:-2px; display: block; height: 3px; width:100%; background-color: #146fb5; }
#LinksBlock .Box{ color:#000; padding:5px 0 10px; }
#LinksBlock .Box a{ color:#000; vertical-align: middle; }
#LinksBlock .Box i{ margin:0 4px; vertical-align: middle; position: relative; top:-2px; }
#LinksBlock .Box a:hover{ color:#146fb5; }

#Authentication{}
#Authentication .ul{ padding:8px 0; border-top:1px solid #efefef; }
#Authentication li{ display: inline-block; margin-left: 35px; }
#Authentication li+li{ margin-left: 65px; }
#Authentication .icons{ display: inline-block; vertical-align: middle; height: 48px; width: 44px; position: relative; opacity: 1; }
#Authentication .cont{ display: inline-block; vertical-align: middle; font-size: 18px; line-height: 24px; color:#000; }
#Authentication .txt{ font-size: 12px; line-height: 18px; color:#909090; }
#Authentication .li1 .icons{ background-position:-350px 3px; }
#Authentication .li2 .icons{ background-position:-412px 3px; }
#Authentication .li3 .icons{ background-position:-475px 3px; }
#Authentication .li4 .icons{ background-position:-537px 3px; width: 48px; margin-right: 3px; }
#Authentication .li5 .icons{ background-position:-602px 3px; margin-right: 3px; }
#Authentication li .icons .icons_hover{ position: absolute; left: 0; top: 0; height: 100%; height: 100%; background-position-y:-52px; opacity: 0; }
#Authentication li:hover .icons{}
#Authentication li:hover .icons .icons_hover{ opacity: 1; }

/***公共***/
/***导航地址***/
.LocationBlock2 .Location{ padding-left: 0; padding-bottom: 6px; padding-top: 6px; }
.LocationBlock .Location{ padding-left: 0; padding-bottom: 10px; padding-top: 10px; }
.Location2 .Location{ padding:7px 15px; background-color: #f7f7f7; border-radius: 5px; border:0 none; margin-top:20px; margin-bottom: 0; }
.Location{ border-bottom: 1px solid #dfdfdf; padding:25px 0 17px 12px; margin-bottom: 15px; }
.Location .Loctit{ font-size: 18px; line-height: 22px; color:#146fb5; position: relative; padding-left: 10px; }
.Location .Loctit:before{ content: ""; display: block; position: absolute; left: 0; height:18px; top:2px; width: 3px; background:#146fb5; }
.Location .URL{ font-size: 12px; line-height: 22px; color:#333333; }
.Location .jt{ margin-right: 6px; margin-left: 2px; font-family: "宋体"; }
/**分页**/
.PageBtns{ text-align: center; padding:40px 0; }
.PageBtns a{ display: inline-block; vertical-align: middle; border: 1px solid #e5e5e5; font-size: 14px; line-height: 46px; min-width: 64px; padding:0 5px; background-color: #fff; color:#555; }
.PageBtns a+a{ margin-left:-1px; }
.PageBtns a:first-child{ border-top-left-radius: 5px; border-bottom-left-radius: 5px; width: 94px; }
.PageBtns a:last-child{ border-top-right-radius: 5px; border-bottom-right-radius: 5px; width: 94px; }
.PageBtns a.on,
.PageBtns a:hover{ color:#fff; background-color: #215eae; }
.PageBtns a span{ display: inline-block; position: relative; }
.PageBtns a:first-child span:before{ display: block; content: ""; height: 1px; width: 7px; position: absolute; left: -15px; top:50%; margin-top: -0.5px; background-color: #333; transform: rotate(-45deg) translateY(-3.5px); }
.PageBtns a:first-child span:after{ display: block; content: ""; height: 1px; width: 7px; position: absolute; left: -15px; top:50%; margin-top: -0.5px; background-color: #333; transform: rotate(45deg) translate(0px,3.5px); }
.PageBtns a:last-child span:before{ display: block; content: ""; height: 1px; width: 7px; position: absolute; right: -15px; top:50%; margin-top: -0.5px; background-color: #333; transform: rotate(-45deg) translateY(3.5px); }
.PageBtns a:last-child span:after{ display: block; content: ""; height: 1px; width: 7px; position: absolute; right: -15px; top:50%; margin-top: -0.5px; background-color: #333; transform: rotate(45deg) translate(0px,-3.5px); }
.PageBtns a:hover span:before,
.PageBtns a:hover span:after{ background-color: #fff; }
/**详情页底部**/
.Info_pnBox{ border-top:1px solid #e7e7e7; padding-top: 50px; padding-bottom: 34px; }
.Info_pnBox a{ display: inline-block; border:1px solid #146fb5; color:#146fb5; padding:0 25px; line-height: 48px; }
.Info_pnBox a span{ display: block; position: relative; }
.Info_pnBox a span:before{ content: ""; display: block; position: absolute; top:50%; margin-top: -7px; height: 100%; background-image: url(../images/icons.png); background-repeat: no-repeat; height: 14px; width: 14px; }
.Info_pnBox .prev{ margin-right: 15px; }
.Info_pnBox .prev span{ padding-left: 30px; }
.Info_pnBox .prev span:before{ left:0; background-position: -165px -55px; }
.Info_pnBox .next span{ padding-right: 30px; }
.Info_pnBox .next span:before{ right:0; background-position: -222px -55px; }
.Info_pnBox .return span{ padding-left: 25px; }
.Info_pnBox .return span:before{ height: 20px; width: 20px; margin-top: -10px; left:0; background-position:-252px -51px; }
.Info_pnBox a:hover{ background-color: #146fb5; color:#fff; }
.Info_pnBox .prev:hover span:before{ background-position: -183px -55px; }

.Info_pnBox .next:hover span:before{ background-position: -204px -55px; }

.Info_pnBox .return:hover span:before{ background-position:-289px -51px; }

/***公共页框架***/
.LRBox{ padding-bottom:35px; }
.LRBox .LMenu{ width: 230px; }
.LRBox .LMenu .Mtitle{ color:#fff; background:#146fb5; font-size: 20px; padding-left: 15px; line-height: 54px; }
.LRBox .LMenu .ul{ box-shadow: 0 0 15px rgba(0,0,0,0.1); box-shadow:0 0 5px rgba(0,0,0,0.05) border-bottom: 1px solid #dbdbdb; }
.LRBox .LMenu .ul li{ background:#fff; position: relative; }
.LRBox .LMenu .ul .line{ position: absolute; left: 0; top:0; width: 2px; height: 100%; }
.LRBox .LMenu .ul .Utit{ display: block; font-size: 16px; color:#666666; padding:13px 15px; line-height: 22px; }
.LRBox .LMenu .ul .on{ background-color: #f6f6f6; }
.LRBox .LMenu .ul .on .line{ background-color: #146fb5; }
.LRBox .LMenu .ul .on .Utit{ color:#146fb5; }
.LRBox .LMenu .ul li:hover{ background-color: #f6f6f6; }
.LRBox .LMenu .ul li:hover .Utit{ background-color: #f6f6f6; }
.LRBox .LMenu .ul .Utit:hover{ color:#146fb5; }
.LRBox .LMenu .Advertisement{ background-color: #146fb5; color:#fff; padding:20px 13px; }
.LRBox .LMenu .top{ position: relative; text-align: left; padding-left: 35px; }
.LRBox .LMenu .top .icons{ display: block; height: 30px; width: 30px; background-position: -18px -38px; position: absolute; left: 5px; }
.LRBox .LMenu .top .cn{ font-size: 12px; line-height: 14px; }
.LRBox .LMenu .top .number{ font-size: 18px; line-height: 20px; display: block; letter-spacing: 2px; }
.LRBox .LMenu .code{ margin-top:25px; }
.LRBox .LMenu .code img{ display: block; margin:0 auto; }
.LRBox .LMenu .txt{ font-size: 12px; margin-bottom: 18px; }
.LRBox .LMenu .qq{ display: block; border:1px solid #fff; font-size: 16px; line-height: 34px; color:#fff; }
.LRBox .LMenu .qq:hover{ color:#146fb5; background: #fff; border-color:#146fb5; }
.LRBox .RBlock{ width: 955px; }
.LRBox .RBlock .BCont{}
.LRBox .RBlock .Autocont{ font-size: 14px; color:#333; line-height: 1.8em; }
/***新闻资讯***/
.NewsList{}
.NewsList li{ padding-top: 15px; }
.NewsList li+li{ margin-top: 25px; }
.NewsList .Box{ display: block; }
.NewsList .Box .time{ width: 100px; color:#555555; }
.NewsList .Box .year{ font-size: 15px; line-height: 18px; }
.NewsList .Box .date{ font-size: 50px; line-height: 1.1em; }
.NewsList .Box .r_cont{ width: 840px; border-bottom: 1px solid #efefef; padding-bottom: 10px; }
.NewsList .Box .title{ font-size: 20px; color:#000000; line-height: 1.4em; font-weight: bold; margin-bottom: 10px; }
.NewsList .li2 .Box .title{ font-size:14px; font-weight:normal; }
.NewsList .Box .des{ font-size: 15px; line-height: 1.6em; color:#555555; }
.NewsList .Box:hover .title{ color:#146fb5; }
/**联系我们**/
.ContactBlock{ position: relative; background-color: #f3f3f3; min-height: 385px; }
.ContactBlock .MapBox{ width: 475px; height: 100%; position: absolute; left: 0; top:0; }
.ContactBlock .MapBox img{ max-width: 99999px; }
.ContactBlock .MapBox .Map{ height: 100%; }
.ContactBlock .cont{ min-height: 100%; margin-left: 475px; font-size: 15px; line-height: 1.7em; color:#333333; padding:25px 30px; }
.ContactBlock .cont li+li{ border-top:1px solid #cacaca; margin-top:32px; padding-top:32px; }
.InlineBlock .form{ /*background-color: #f6f6f6;*/ padding:2.2% 2.7%; display: block; }
.InlineBlock .tip{ font-size: 16px; line-height: 22px; color:#666666; }
.InlineBlock .input{ display: block; width: 100%; background-color: #fff; font-size: 14px; line-height: 30px; padding:8px 2.2%; color:#999; margin:15px 0 30px; border:1px solid #666; border-color:#ccc; }
.InlineBlock .input:focus{ box-shadow: 0 0 10px rgba(0,0,0,0.08); }
.InlineBlock .br{ border-radius: 0; }
.InlineBlock .submit{ line-height: 44px; height: 44px; padding:0 45px; display: inline-block; background-color: #146fb5; font-size: 14px; color:#fff; }
.InlineBlock .submit:hover{ background-color: #238ada; color:#fff; }
.News_info{ padding-top: 15px; }
.News_info .title{ font-size: 26px; color:#333; line-height: 1.2em; text-align: center; margin:0 0 5px; }
.News_info .longtitle{ font-size: 14px; color:#777777; line-height: 1.6em; text-align: center; }
.News_info .longtitle span{ display: inline-block; }
.News_info .cont{ padding:2% 0; border-top: 1px solid #e7e7e7; margin-bottom: 25px; margin-top: 10px; }
.News_info .word{ font-size: 16px; color:#555555; line-height: 1.8em; }
.News_info .other{ padding-bottom:35px; }
.News_info .other a{ display: inline-block; color:#999999; font-size: 14px; line-height: 36px; }

/**成功案例**/
#CaseBlock{}
#CaseBlock .checkBox{ font-size: 14px; color:#666666; line-height: 22px; padding-bottom: 12px; }
#CaseBlock .checkBox a{ color:#666666; }
#CaseBlock .checkBox a:hover{ color:#146fb5; }
#CaseBlock .checkBox .checkli{ padding:3px 0; }
#CaseBlock .checkBox .tit{ width: 75px; }
#CaseBlock .checkBox .cBox{ width: 1125px; overflow: hidden; padding-right: 70px; position: relative; }
#CaseBlock .checkBox .A{ min-width: 100px; padding-left: 10px; margin-left: -10px; display: inline-block; float: left; }
#CaseBlock .checkBox .A a{}
#CaseBlock .checkBox .btns{ position: absolute; cursor: pointer; right: 0; bottom: 0; display: none; }
#CaseBlock .checkBox .btns:hover{ color:#146fb5; }
#CaseBlock .checkBox .d .down{ display: block; }
#CaseBlock .checkBox .u .up{ display: block; }
#CaseBlock .list{ margin:0 -4px; }
#CaseBlock .list li{ width: 25%; padding:4px; float: left; display: inline-block; }
#CaseBlock .list li:nth-child(4n+1){ clear: both; }
#CaseBlock .list .Box{ display: block; background-color: #f2f2f2; padding:6px; color:#333; }
#CaseBlock .list .imgBox{ position: relative; }
#CaseBlock .list .imgBox img{ width: 100%; height:171px; }
#CaseBlock .list .mark{ position: absolute; display: block; left: 0; top: 0; height: 100%; width: 100%; background:rgba(0,0,0,0.47); opacity: 0; }
#CaseBlock .list .table{ display: table; width: 100%; height: 100%; }
#CaseBlock .list .t-cell{ display: table-cell; text-align: center; vertical-align: middle; }
#CaseBlock .list .mark .icons{ display: block; height: 35px; width: 35px; background-position:-59px -31px; margin:0 auto; }
#CaseBlock .list .txt{ font-size: 12px; color:#fff; padding-top: 6px; }
#CaseBlock .list .cont{ padding:15px 0 20px; }
#CaseBlock .list .title{ font-size: 14px; line-height: 1.4em; }
#CaseBlock .list .word{ font-size: 12px; line-height: 1.4em; color:#333; margin:5px 0 15px; height:32px; }
#CaseBlock .list .more{ display: block; font-size: 12px; line-height: 20px; position: relative; padding-left: 20px; }
#CaseBlock .list .more .icons{ position: absolute; left: 0; top:0; display: block; height: 20px; width: 20px; background-position:-120px -141px; }
#CaseBlock .list .Box:hover{ color:#146fb5; }
#CaseBlock .list .Box:hover .mark{ opacity: 1; }
#CaseBlock .list .Box:hover .more .icons{ background-position:-156px -141px; }
/**案例详情**/
#CaseInfo{}
#CaseInfo .pad{ padding-bottom: 90px; }
#CaseInfo .l_img{ width: 625px; }
#CaseInfo .l_img .down{ background-color: #146fb5; display: inline-block; vertical-align: top; line-height: 54px; font-size: 18px; color:#fff; padding:0 13px; border-radius: 5px; margin-top: 30px; }
#CaseInfo .l_img .down:hover{ background: #074e84; }
#CaseInfo .l_img .down span{ display: block; padding-left: 50px; background:url(../images/case_type1_h.png) no-repeat left center; }
#CaseInfo .r_con{ width: 540px; position: relative; overflow: hidden; }
#CaseInfo .r_con .title{ font-size: 30px; font-weight: normal; line-height: 1.2em; }
#CaseInfo .r_con .cont1{ padding-top: 10px; font-size: 18px; line-height: 1.4em; }
#CaseInfo .r_con .cont1 p+p{ margin-top: 15px; }
#CaseInfo .r_con .cont2{ font-size: 14px; color:#333333; line-height: 1.4em; padding-top: 15px; }
#CaseInfo .r_con .cont2 p+p{ margin-top: 10px; }
#CaseInfo .r_con .btns{ display: none; position: absolute; left:0; bottom: 0; font-size: 16px; line-height: 1.6em; width: 100%; cursor: pointer; background:#fff; background: -webkit-linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,1)); background: -o-linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,1)); background: -moz-linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,1)); background: linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,1)); }
#CaseInfo .r_con.u{ padding-bottom: 30px; box-sizing: content-box; }
#CaseInfo .r_con .btns .icons{ display:inline-block; height:25px; width:19px; margin-left:6px; vertical-align:middle; }
#CaseInfo .r_con .up .icons{ background-position:-92px -232px; }
#CaseInfo .r_con .down .icons{ background-position:-133px -232px; }
#CaseInfo .r_con.u .up{ display: block; }
#CaseInfo .r_con.d .down{ display: block; }

/**目录申请**/
#CatalogBlock{}
#CatalogBlock .pad{ position: relative; margin:20px 0 80px; }
#CatalogBlock .line{ position: absolute; left: 545px; top:0; height: 100%; width: 1px; background-color: #e1e1e1; }
#CatalogBlock .l_con{ width: 545px; }
#CatalogBlock .l_con .Box{ width: 335px; margin:0 auto; }
#CatalogBlock .l_con .title{ font-size: 18px; line-height: 1.2em; color:#333333; margin-bottom: 11px; }
#CatalogBlock .l_con .ul{}
#CatalogBlock .l_con .ul li{ margin-left: 15px; position: relative; font-size: 14px; line-height: 1.6em; color:#333333; }
#CatalogBlock .l_con .ul li:before{ content: ""; position: absolute; left:-13px; top:8px; display:block; height: 6px; width: 6px; border-radius: 50%; background:#146fb5; }
#CatalogBlock .l_con .more{ display: inline-block; font-size: 16px; line-height: 44px; padding:0 70px; border:1px solid #146fb5; color:#146fb5; border-radius:5px; margin:80px 0 30px; }
#CatalogBlock .l_con .more:hover{ background-color: #1164a5; color:#fff; }
#CatalogBlock .r_form{ width: 620px; }
#CatalogBlock .r_form .form{ display: block; width: 502px; margin:0 auto; }
#CatalogBlock .r_form .title{ font-size: 30px; line-height: 1.2em; color:#333333; margin-bottom: 40px; }
#CatalogBlock .r_form .label{ position: relative; border-radius: 5px; border:1px solid #dbdbdb; display: block; width: 100%; line-height: 44px; font-size: 14px; padding:0; margin-bottom: 9px; }
#CatalogBlock .r_form .pro_search{ position: relative; }
#CatalogBlock .r_form .pro_search .input{ display: block; width: 100%; text-align: left; }
#CatalogBlock .r_form .pro_search i.search{ position: absolute; display: block; height: 100%; width: 44px; right: 0; left:auto; top:0; margin:0; background-color: #005ca2; border-top-right-radius: 4px; border-bottom-right-radius: 4px; cursor: pointer; background-image: none; }
#CatalogBlock .r_form .pro_search i.search:after{content: ""; display: block; position: absolute; left: 50%; top:0; height: 100%; width: 30px; margin:0 0 0 -15px; background:url(../images/icons.png) no-repeat -39px 13px; }
#CatalogBlock .r_form .pro_search .icons:after{ /*display: none;*/ }
#CatalogBlock .r_form .icons{ height: 26px; width: 40px; position: absolute; left: 0; top:50%; margin-top: -13px; display: block; }
#CatalogBlock .r_form .icons:after{ content: ""; display: block; position: absolute; right: 0; height: 20px; width: 1px; top:50%; margin-top: -10px; background-color: #e5e5e5; }
#CatalogBlock .r_form .label1 .icons{ background-position: 6px -233px; }
#CatalogBlock .r_form .label2 .icons{ background-position: 7px -272px; }
#CatalogBlock .r_form .label3 .icons{ background-position: 8px -310px; }
#CatalogBlock .r_form .label4 .icons{ background-position: 8px -347px; }
#CatalogBlock .r_form .label5 .icons{ background-position: 8px -386px; }
#CatalogBlock .r_form .label6 .icons{ background-position: 8px -424px; }
#CatalogBlock .r_form .input{ width: 100%; padding-left: 43px; padding-right: 44px; display: block; height: 44px; font-weight: normal; color:#c8c8c8; }
#CatalogBlock .r_form .select{ cursor: pointer; padding-left: 41px; }
#CatalogBlock .r_form .input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #c8c8c8; }
#CatalogBlock .r_form .input:-moz-placeholder, textarea:-moz-placeholder { color: #c8c8c8; }
#CatalogBlock .r_form .input::-moz-placeholder, textarea::-moz-placeholder { color: #c8c8c8; }
#CatalogBlock .r_form .input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #c8c8c8; }
#CatalogBlock .r_form .label:hover{ border-color:#146fb5; }
#CatalogBlock .r_form .submitBox{ padding:10px 0 30px; }
#CatalogBlock .r_form .submitBox input{ display: inline-block; width: 170px; line-height: 44px; height: 44px; color:#146fb5; font-size: 18px; text-align: center; border:1px solid #146fb5; border-radius: 3px; margin:0 8px; vertical-align: middle; }
#CatalogBlock .r_form .submitBox input:hover{ color:#fff; background:#146fb5; }
#CatalogTank{ position: fixed; left: 0; top:0; height: 100%; width:100%; background-color: rgba(0,0,0,0.8); z-index: 9999; display: none; cursor: pointer; }
#CatalogTank .Box{ position: absolute; left: 50%; top:12.5%; margin-left: -493px; width: 986px; border:8px solid rgba(255,255,255,0.61); height: 75%; cursor: default; }
#CatalogTank .Box .bg0{ height: 100%; padding:4.43%; overflow-y: auto; }
#CatalogTank .checkBox{ margin-bottom: 16%; margin-top: 4%; }
#CatalogTank .checkBox .wid{ border:1px solid #999999; border-radius: 5px; font-size: 14px; color:#c8c8c8; line-height: 44px; padding:0 15px; height: 44px; display: inline-block; float: left; margin-right: 1.8%; }
#CatalogTank .checkBox .select{ cursor: pointer; }
#CatalogTank .checkBox .select option{ cursor: pointer; }
#CatalogTank .checkBox .wid1{ width: 19.23%; }
#CatalogTank .checkBox .wid2{ width: 28.28%; }
#CatalogTank .checkBox .wid3{ width: 6.78%; }
#CatalogTank .checkBox .submit{ background:#146fb5 url(../images/icon_search.png) no-repeat center; border:0 none; margin-right: 0; }
#CatalogTank .checkBox .submit:hover{ background-color: #1164a5; }
#CatalogTank .checkBox input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #c8c8c8; }
#CatalogTank .checkBox input:-moz-placeholder, textarea:-moz-placeholder { color: #c8c8c8; }
#CatalogTank .checkBox input::-moz-placeholder, textarea::-moz-placeholder { color: #c8c8c8; }
#CatalogTank .checkBox input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #c8c8c8; }
#CatalogTank .title{ font-size: 18px; line-height: 1.2em; color:#333333; margin-bottom: 15px; }
#CatalogTank .ul{ border-top: 1px solid #ddd; }
#CatalogTank .ul li{ border-bottom: 1px solid #ddd; }
#CatalogTank .ul a{ font-size: 14px; line-height: 1.6em; color:#666666; display: inline-block; padding:13px 0; }
#CatalogTank .ul a:hover{ color:#146fb5; }

/**下载**/
#DwonBlock{}
#DwonBlock .word{ font-size: 14px; line-height: 1.8em; color:#333333; padding-top: 30px; margin-bottom: 15px; }
#DwonBlock form{ display: block; margin-bottom: 17px; }
#DwonBlock form .input{ font-size:14px; color:#333333; line-height: 52px; height: 52px; background-color: #f1f1f1; border-radius: 3px; vertical-align: middle; }
#DwonBlock form .input:hover{ background-color: #e6e6e6; }
#DwonBlock form .input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #333333; }
#DwonBlock form .submit{ line-height: 52px; height: 52px; background-color: #146fb5; background-repeat: no-repeat; background-image: url(../images/icon_search2.png); border-radius: 3px; vertical-align: middle; cursor: pointer; color:#fff; }
#DwonBlock form .submit:hover{ background-color: #044a80; }
#DwonBlock .form1{}
#DwonBlock .form1 .input{ display: inline-block; width: 325px; padding:0 14px; }
#DwonBlock .form1 .submit{ width: 74px; background-position: center; margin-left: 3px; }
#DwonBlock .form2 .input{ width: 42.15%; padding:0 15px; margin-right: 14px; cursor: pointer; }
#DwonBlock .form2 .submit{ width: 13.33%; font-size: 22px; padding-left: 35px; background-position: 36px center; }
#DwonBlock .Type{ background-color: #146fb5; border-radius: 5px; color:#fff; line-height: 26px; font-size: 22px;padding:14px 18px; }
#DwonBlock .Type i{ font-style: normal; margin:0 3px; }
#DwonBlock .Type span{ font-size: 16px; }
#DwonBlock .ul{}
#DwonBlock .ul li{ margin-top: 15px; }
#DwonBlock .ul li .Box{ display: block; background-color: #f1f1f1; padding:10px 235px 10px 45px; line-height: 34px; position: relative; font-size: 14px; }
#DwonBlock .ul .Box>.icons{ display: block; position: absolute; left: 19px; top:10px; height: 34px; width: 20px; background-position: -667px -2px; }
#DwonBlock .ul li .time{ font-size: 16px; position: absolute; right: 140px; top:10px; }
#DwonBlock .ul li .more{ position: absolute; display: block; right: 15px; top:10px; height: 34px; text-align: center; font-size: 16px; color:#fff; padding:0 23px; background-color: #146fb5; }
#DwonBlock .ul li .more .icons{ height: 34px; width: 22px; display: inline-block; vertical-align: middle; background-position: -667px -61px; margin-right: 5px; }
#DwonBlock .ul li .Box:hover>.icons{ background-position: -709px -2px; }
#DwonBlock .ul li .Box:hover .more{ background-color:#044a80; }

/**选型确认**/
#TypeTrueBlock{}
#TypeTrueBlock .word{ font-size: 14px; line-height: 1.6em; color:#333333; padding-top: 30px; margin-bottom: 15px; }
#TypeTrueBlock form{ display: block; margin:0; }
#TypeTrueBlock form .input{ font-size:14px; color:#333333; line-height: 52px; height: 52px; background-color: #f1f1f1; border-radius: 3px; vertical-align: middle; }
#TypeTrueBlock form .input:hover{ background-color: #e6e6e6; }
#TypeTrueBlock form .input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #333333; }
#TypeTrueBlock form .submit{ line-height: 52px; height: 52px; background-color: #146fb5; background-repeat: no-repeat; background-image: url(../images/icon_search2.png); border-radius: 3px; vertical-align: middle; cursor: pointer; color:#fff; }
#TypeTrueBlock form .submit:hover{ background-color: #044a80; }
#TypeTrueBlock .form1{ padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid #dfdfdf; }
#TypeTrueBlock .form1 .input{ display: inline-block; width: 325px; padding:0 14px; }
#TypeTrueBlock .form1 .submit{ width: 74px; background-position: center; margin-left: 3px; }
#TypeTrueBlock .form2 .input{ width: 42.15%; padding:0 15px; margin-right: 14px; cursor: pointer; }
#TypeTrueBlock .form2 .submit{ width: 13.33%; font-size: 22px; padding-left: 35px; background-position: 36px center; }
#TypeTrueBlock .RTit{ font-size: 16px; line-height: 1.4em; color:#146fb5; padding-top: 25px; padding-bottom: 8px; }
#TypeTrueBlock .Abox{ padding-bottom: 80px; margin-left: -15px; }
#TypeTrueBlock .Abox a{ display: inline-block; padding-left: 15px; }

/**APP下载**/
#AppBlock{ }
#AppBlock .Box{ padding-top: 60px; padding-bottom: 80px; }
#AppBlock .title{ font-size: 18px; line-height: 1.4em; margin:0; padding-bottom: 32px; }
#AppBlock .phone{ display: inline-block; position: relative; padding-left: 30px; text-align: left; }
#AppBlock .phone .icons{ display: block; height: 30px; width: 30px; background-position:-285px -78px; position: absolute; left: 0; }
#AppBlock .phone .cn{ font-size: 12px; line-height: 14px; }
#AppBlock .phone .number{ font-size: 18px; line-height: 20px; display: block; letter-spacing: 1px; color:#666; }
#AppBlock .code{ margin-top:20px; }
#AppBlock .code img{ display: block; margin:0 auto; }
#AppBlock .txt{ font-size: 12px; margin-top: 2px; margin-bottom: 25px; color:#666; }
#AppBlock .word{ color:#176cc3; font-size: 18px; }

/**技术支持**/
/**资料下载**/
#SupportBlock{ min-height: calc(100% - 348px); }
#SupportBlock .r_con .MenuType{ padding:4px 0 10px; }
#SupportBlock .MenuType{ font-size: 0; line-height: 0; padding:10px 0 20px; }
#SupportBlock .MenuType a{ display: inline-block; font-size: 14px; color:#333333; line-height: 26px; padding:0 15px; margin:2px; border-radius: 10px; background: #f1f1f1; }
#SupportBlock .MenuType a:hover{ background-color: #146fb5; color:#fff; }
#SupportBlock .MenuType .on{ background: #146fb5; color:#fff; }
#SupportBlock .l_menu{ width: 200px; }
#SupportBlock .l_menu .type{ color:#fff; font-size: 18px; background:#146fb5; text-align: center; line-height: 56px; }
#SupportBlock .l_menu .ul{}
#SupportBlock .l_menu li{}
#SupportBlock .l_menu li+li{ border-top:1px solid #e1e1e1; }
#SupportBlock .l_menu .a{  }
#SupportBlock .l_menu .t{ background: #f6f6f6; font-size: 14px; line-height: 22px; color:#333333; font-weight: bold; position: relative; padding:17px 24px 17px 44px; display:block; }
#SupportBlock .l_menu .t .icon{ position: absolute; left: 15px; top:17px; height: 22px; width: 22px; display: block; background-repeat: no-repeat; background-position: center; }
#SupportBlock .l_menu .t .icons{ position: absolute; right: 15px; top:17px; height: 22px; width: 8px; display: block; background-repeat: no-repeat; background-position: -140px -44px; }
#SupportBlock .l_menu .Lib1{ padding: 10px 0 10px; background-color: #f6f6f6; border-top:1px solid #e1e1e1; display: none; }
#SupportBlock .l_menu .a2{}
#SupportBlock .l_menu .t2{ font-size: 14px; line-height: 20px; color:#555; display: block; padding:0 24px 2px 17px; }
#SupportBlock .l_menu .Lib2{ padding-bottom: 7px; display: none; }
#SupportBlock .l_menu .a3{ padding:0 24px 0 17px; }
#SupportBlock .l_menu .t3{ font-size: 12px; line-height: 20px; color:#666666; }
#SupportBlock .l_menu .t2:hover,
#SupportBlock .l_menu .t3:hover{ color:#146fb5; }
#SupportBlock .l_menu .on .t{ background: #fff; }
#SupportBlock .l_menu .on .icons{ display: none; }
#SupportBlock .l_menu .Lib1 .on .t2{ color:#146fb5; }
#SupportBlock .l_menu .Lib2 .on{ color:#146fb5; }
#SupportBlock .r_con{ width: 965px; background:#f6f6f6; padding:20px; }
#SupportBlock .r_con .form{ display: block; padding:0; margin:0 auto 20px; width:451px; }
#SupportBlock .r_con .form .Box{ border:1px solid #005ca2; line-height: 32px; }
#SupportBlock .r_con .form .Box .Key{ display: block; font-size: 14px; color:#666666; line-height: 32px; height: 32px; padding:0 10px; width: 405px; }
#SupportBlock .r_con .form .Box .submit{ border:0 none; background-color: #005ca2; width: 44px; height: 32px; cursor: pointer; }
#SupportBlock .r_con .form .Box .submit .icons{ width: 20px; height: 20px; margin:0 auto; display: block; background-position: -45px 0; vertical-align: middle; }
#SupportBlock .r_con .form .Box .submit:hover{ background-color: #0d6fb9; }
.data_down_list{ margin:-6px -15px 0; }
.data_down_list li{ width: 25%; float: left; display: inline-block; padding:6px 15px; }
.data_down_list .Box{ display: block; }
.data_down_list .Box img{ display: block; width: 90px; height: 125px; }
.data_down_list .Box .imgBox{ float: left; display: inline-block; }
.data_down_list .Box .cont{ width: 116px; float: right; display: inline-block; padding-top: 25px; padding-left:15px; }
.data_down_list .Box .title{ font-size: 12px; color:#146fb5; line-height: 1.6em; }
.data_down_list .Box .time{ font-size: 12px; color:#333333; line-height: 1.6em; margin-bottom: 16px; }
.data_down_list .Box .down{ line-height: 26px; padding:0 13px; color:#fff; border-radius: 13px; background:#146fb5; display: inline-block; vertical-align: top; }
.data_down_list .Box:hover .down{ background-color: #e33232; }

/**视频列表**/
.VideoList{ margin:-5px -5px; font-size: 0; line-height: 0; }
.VideoList li{ display: inline-block; vertical-align: top; width: 20%; padding:5px; }
.VideoList li .Box{ display: block; }
.VideoList li .imgBox{ position: relative; }
.VideoList li .video{ display: block; position: absolute; left: 0; top:0; width: 100%; height: 100%; }
.VideoList li .video:before{ display: block; content: ""; position: absolute; left: 50%; top:50%; width: 46px; height: 46px; background:url(../images/icons.png) no-repeat -746px -8px; margin-top: -23px; margin-left: -23px; }
.VideoList li .title{ font-size: 14px; line-height: 20px; color:#000000; margin:15px 10px 30px; }
.VideoList li .Box:hover .title{ color:#146fb5; }

/**产品列表**/
/***筛选条件***/
.CheckBlock{ padding:10px 0; }
.CheckBlock .border{ border:1px solid #e0e0e0; border-bottom: 0 none; }
.CheckBlock .Location{ padding-left: 10px; margin:0; }
.CheckBlock .Typeli{ padding-left: 60px; padding-top:10px; padding-bottom: 10px; padding-right: 80px; border-bottom:1px solid #e0e0e0; position: relative; line-height: 20px; }
.CheckBlock .Typeli .Type_t{ display: block; position: absolute; left: 10px; font-size: 14px; color:#b6b6b6; }
.CheckBlock .Typeli1 a{ display: inline-block; color:#333; line-height: 20px; font-size: 12px; color:#333333; padding:0 5px; }
.CheckBlock .Typeli1 a:hover{ color:#146fb5; }
.CheckBlock .Typeli1 .on{ color:#fff; background:#146fb5; }
.CheckBlock .Typeli1 .all{ left:60px; position: absolute; }
.CheckBlock .Typeli1 .ul{ margin-left: 55px; min-height: 20px; overflow: hidden; }
.CheckBlock .Typeli1.resultUl .ul{ margin-left:15px; }
.CheckBlock .Typeli1.resultUl .ul li,
.CheckBlock .Typeli1.resultUl .ul li a{ line-height:18px; }
.CheckBlock .Typeli1.resultUl .ul li{ border: #146fb5 solid 1px; margin-left:5px; margin-bottom:5px; }
.CheckBlock .Typeli1.resultUl .ul li a{ float: right; }
.CheckBlock .Typeli1 li{ padding:0 5px; float: left; display: inline-block; }
.CheckBlock .Typeli1 li a{ display: block; }
.CheckBlock .Typeli1 .other{ padding-left: 20px; width: 80px; top:10px; right: 0; position: absolute; z-index: 2; font-size: 12px; color:#b6b6b6; margin-top: -1px; border-left: 1px solid #e8e8e8; display: none; background: none; }
.CheckBlock .Typeli1 .other .click{ line-height: 20px; border:1px solid #e8e8e8; display: none; padding:0 20px 0 5px; position: relative; border-radius: 3px; cursor: pointer; }
.CheckBlock .Typeli1 .other .icons{ display: block; position: absolute; right: 5px; top:0; height: 100%; width: 15px; }
.CheckBlock .Typeli1 .other .u .icons{ background-position:-185px -141px; }
.CheckBlock .Typeli1 .other .d .icons{ background-position:-212px -141px; }
.CheckBlock .Typeli1 .other.on{ display: block; }
.CheckBlock .Typeli1 .up .u{ display: inline-block; }
.CheckBlock .Typeli1 .down .d{ display: inline-block; }
.CheckBlock .Typeli2{}
.CheckBlock .Typeli2 .layui-col-md3{ margin-bottom:5px; }
.CheckBlock .Typeli2 .Type_t{ line-height:30px; }
.CheckBlock .Typeli2 .div{ float: left; display: inline-block; position: relative; margin-bottom: 12px; }
.CheckBlock .Typeli2 .div1{ width: 22%; padding-left: 60px; }
.CheckBlock .Typeli2 .div2{ width: 28%; padding-left: 128px; }
.CheckBlock .Typeli2 .div3{ width: 21%; padding-left: 50px; }
.CheckBlock .Typeli2 .div4{ width: 22%; padding-left: 65px; }
.CheckBlock .Typeli2 .d_tit{ font-size: 12px; line-height: 30px; color:#333333; position: absolute; left: 0; top:0; text-align: right; padding-right: 5px; }
.CheckBlock .Typeli2 .div1 .d_tit{ width: 60px; }
.CheckBlock .Typeli2 .div2 .d_tit{ width: 128px; }
.CheckBlock .Typeli2 .div3 .d_tit{ width: 50px; }
.CheckBlock .Typeli2 .div4 .d_tit{ width: 65px; }
.CheckBlock .Typeli2 select{ display: block; width: 100%; line-height: 30px; height: 30px; border:1px solid #d8d8d8; font-size: 12px; color:#a2a2a2; padding:0 10px 0 5px; cursor: pointer; }
/**二级产品**/
.AutoTitle2{ font-size: 0; border-bottom: 1px solid #ebebeb; }
.AutoTitle2 span{ font-size: 24px; color:#333333; display: inline-block; position: relative; vertical-align: top; line-height: 44px; }
.AutoTitle2 span:before{ content: ""; display: block; width: 100%; height: 2px; background-color: #146fb5; position: absolute; left: 0; bottom:-1px; }
.AutoTitle3{ font-size: 0; border-bottom: 1px solid #ebebeb; background-color: #f7f7f7; }
.AutoTitle3 span{ font-size: 15px; color:#333333; display: inline-block; position: relative; vertical-align: middle; line-height: 38px; padding:0 20px; }
.AutoTitle3 .on{ color:#fff; background-color: #146fb5; }
#ProductList1{}
#ProductList1 .pad{ padding:10px; }
#ProductList1 .ul{ margin:0 -20px; font-size: 0; line-height: 0; padding:12px 0; }
#ProductList1 .ul li{ display: inline-block; width:16.66%; padding:10px 20px 5px; vertical-align: top; }
#ProductList1 .ul .Box{ padding:5px; background: #fff; display: block; transform: translate(0); opacity: 1; position: relative; text-align: center; }
#ProductList1 .ul .imgBox{ overflow: hidden; display: inline-block; vertical-align: top; }
#ProductList1 .ul .imgBox img{ display: block; margin:0 auto; transition: all 0.3s; }
#ProductList1 .ul .cont{ text-align: center; font-size: 12px; padding-top: 5px; }
#ProductList1 .ul .title{ color:#146fb5; line-height: 18px; height: 18px; }
#ProductList1 .ul .longtitle{ color:#000; line-height: 18px; height: 18px; overflow: hidden; color:#333333; }
#ProductList1 .ul .now{ padding-top: 2px; }
#ProductList1 .ul .now{ color:#dd0303; font-size: 16px; line-height: 22px; display: inline-block; vertical-align: middle; }
#ProductList1 .ul .now .my{ vertical-align: middle; }
#ProductList1 .ul .xj{ display: inline-block; color:#fff; line-height: 18px; height: 18px; background-color: #146fb5; padding:0 10px; border-radius: 8px; margin-top:8px; }
#ProductList1 .ul .Box:hover{ transform: translate(-0px,-0px); box-shadow: 0 0 10px rgba(1,1,1,0.08); opacity: 0.9; z-index: 1; }
#ProductList1 .ul .Box:hover img{ transform: scale(1.06); }
#ProductList1 .ul .Box:hover .xj{ background-color: #e33232; }
#ProductList1 .ul .Box:hover .title{ color:#e33232; }
/**二级产品列表**/
#ProductList2{}
#ProductList2 .Others{ background-color: #f5f5f5; font-size: 0; border:1px solid #e0e0e0; }
#ProductList2 .Others .colr_red{ color:#fe4545; }
#ProductList2 .Others .bg{ background:#fe4545; color:#fff; line-height:16px; padding:0 3px; margin:0 3px; display:inline-block; vertical-align: middle; position: relative; top:-1px; }
#ProductList2 .Others .a{ display: inline-block; position: relative; vertical-align: middle; }
#ProductList2 .Others .a+.a::before{ content:""; position: absolute; left:0; top:50%; height:10px; margin-top:-5px; width:1px; background-color:#a4a4a4; }
#ProductList2 .Others .on+.a::before,
#ProductList2 .Others .a.on::before{ display: none; }
#ProductList2 .Others .a a{ display: block; font-size: 12px; line-height: 38px; padding:0 15px; color:#666; }
#ProductList2 .Others .a+.a a{ border-left: 1px solid transparent; }
#ProductList2 .Others .on+.a a{ border-left-color: #e0e0e0;  }
#ProductList2 .Others .on a{ background-color: #fff; color:#146fb5; }
#ProductList2 .Others .a .Box{ display: inline-block; height: 38px; width: 8px; position: relative; vertical-align: top; margin-left: 5px; }
#ProductList2 .Others .a .Box span{ position: absolute; display: block; position: absolute; left: 0; border:4px solid transparent; }
#ProductList2 .Others .a .Box .up{ border-bottom-color: #999999; top:9px; }
#ProductList2 .Others .a .Box .down{ border-top-color: #999999; bottom:11px; }
#ProductList2 .Others .a a:hover{ color:#146fb5; }
#ProductList2 .Others .a .Box .up:hover,
#ProductList2 .Others .a .Box .up.on{ border-bottom-color: #e33232; }
#ProductList2 .Others .a .Box .down:hover,
#ProductList2 .Others .a .Box .down.on{ border-top-color: #e33232; }
#ProductList2 .Others .other{ display:inline-block; vertical-align: middle; }
#ProductList2 .Others .inputBox{ display:inline-block; vertical-align: middle; font-size: 12px; line-height:38px; margin-right:6px; }
#ProductList2 .Others .inputBox input{ margin:0; vertical-align:middle; margin-right:4px; }
#ProductList2 .Others .f_r{}
#ProductList2 .Others .f_r .list-tab{ position: relative; display: inline-block; vertical-align: middle; height:38px; width:42px; }
#ProductList2 .Others .f_r .list-tab.on,
#ProductList2 .Others .f_r .list-li.on{ background-color:#fff; }
#ProductList2 .Others .f_r .list-tab.on i,
#ProductList2 .Others .f_r .list-li.on i{ background-color:#fd0202; }
#ProductList2 .Others .f_r .list-tab i{ display: block; position: absolute; height:4px; width:4px; background:#717171; left:50%; top:50%; }
#ProductList2 .Others .f_r .list-tab .point1{ margin-left:-6px; margin-top:-6px; }
#ProductList2 .Others .f_r .list-tab .point2{ margin-left:2px; margin-top:-6px; }
#ProductList2 .Others .f_r .list-tab .point3{ margin-left:-6px; margin-top:2px; }
#ProductList2 .Others .f_r .list-tab .point4{ margin-left:2px; margin-top:2px; }
#ProductList2 .Others .f_r .list-li{ position: relative; display: inline-block; vertical-align: middle; height:38px; width:40px; }
#ProductList2 .Others .f_r .list-li i{ display: block; position:absolute; left:50%; top:50%; height:2px; width:12px; margin-left:-6px; background-color:#717171; }
#ProductList2 .Others .f_r .list-li .line1{ margin-top:-6px; }
#ProductList2 .Others .f_r .list-li .line2{ margin-top:-1px;}
#ProductList2 .Others .f_r .list-li .line3{ margin-top:4px;}
#ProductList2 .Others .f_r .txt{ font-size:12px; line-height:38px; display:inline-block; vertical-align: middle; padding:0 15px; border-right:1px solid #e0e0e0; }
#ProductList2 .Others .f_r .prev,
#ProductList2 .Others .f_r .next{ line-height: 38px; font-size: 14px; color:#cccccc; font-family: "宋体"; display: inline-block; vertical-align: middle; padding:0 5px; }
#ProductList2 .Others .f_r .next{ margin-right: 8px; }
#ProductList2 .Others .f_r .prev:hover,
#ProductList2 .Others .f_r .next:hover{ color:#146fb5; }
#ProductList2 .Others .f_r .nums{ font-size: 12px; line-height: 38px; padding:0 5px; color:#8c4068; display: inline-block; vertical-align: middle; }
#ProductList2 .Others .f_r .nums .this{ color:#cba09e; }
#ProductList2 .pad{ padding:15px; }
#ProductList2 .list2{ margin:0; font-size:0; line-height:0; }
#ProductList2 .list2 li{ font-size:0; line-height:0; border:1px solid #e6e6e6; border-top:0 none; color:#333; }
#ProductList2 .list2 li.tab-th{ background-color:#f5f5f5; color:#333333; line-height:40px; text-align:center; border-top:1px solid #e6e6e6; }
#ProductList2 .list2 li .wid{ font-size:12px; line-height:18px; display:inline-block; vertical-align:top; padding:10px; max-width:100%; }
#ProductList2 .list2 li .wid::before{ content:""; display: block; position: absolute; top:0; height:100%; width:1px; background:#e6e6e6; margin-left:-10px; }
#ProductList2 .list2 li .wid1::before{ display: none; }
#ProductList2 .list2 li .Box{ position: relative; }
#ProductList2 .list2 li .wid1{ width:398px; padding-left:5px; }
#ProductList2 .list2 li .wid2{ width:400px; }
#ProductList2 .list2 li .wid3{ width:90px; }
#ProductList2 .list2 li .wid4{ width:160px; }
#ProductList2 .list2 li .wid5{ width:120px; }
#ProductList2 .list2 li .imgBox{ width:65px; margin-right:10px; display: inline-block; vertical-align:top; }
#ProductList2 .list2 li .imgBox img{ display: block; margin:0 auto; }
#ProductList2 .list2 li .mainBox{ width:260px; display: inline-block; vertical-align:top; max-width:100%; }
#ProductList2 .list2 li .ca7{ color: #a7a7a7; }
#ProductList2 .list2 li .c6{ color: #666666; }
#ProductList2 .list2 li i{ font-style:normal; }
#ProductList2 .list2 li .title{ font-weight:bold; color:#146fb5; height:36px; }
#ProductList2 .list2 li .title:hover{ color:#2772d4; }
#ProductList2 .list2 li .bjd{ color:#8a8a8a; padding:0 10px; line-height: 24px; border:1px solid #dfdfdf; display: inline-block; margin-top:9px; }
#ProductList2 .list2 li .tabs p+p{ margin-top:3.5px; }
#ProductList2 .list2 li .tags{}
#ProductList2 .list2 li .tags span{ display: block; color:#fff; line-height:20px; text-align:center; }
#ProductList2 .list2 li .tags span+span{ margin-top:7px; }
#ProductList2 .list2 li .free_shipping{ background:#0cba28; }
#ProductList2 .list2 li .fh1{ background:#fe5d5d; }
#ProductList2 .list2 li .fh2{ background-color:#215eae; }
#ProductList2 .list2 li .fh3{ background-color:#58b4f9; }
#ProductList2 .list2 li .priceBox{ text-align:center; }
#ProductList2 .list2 li .price{ color:#fe5d5d; }
#ProductList2 .list2 li .pword{ margin-top:2px; }
#ProductList2 .list2 li .buy{ text-align:center; }
#ProductList2 .list2 li .NumBox{ display:inline-block; }
#ProductList2 .list2 li .NumBox span{ height:22px; width:22px; background-color: #f0f0f0; }
#ProductList2 .list2 li .NumBox .number{ line-height:22px; height:22px; }
#ProductList2 .list2 li .addBtn{ line-height:28px; color:#fff; background:#fe5d5d; border-radius:5px; text-align: center; margin-top:12px; display: block; }
#ProductList2 .list2 li .addBtn .i{ display: inline-block; vertical-align:top; padding-left:22px; background:url(../images/icon8.png) no-repeat left center; }
#ProductList2 .list2 li .addBtn:hover{ background-color: #e23838; }
#ProductList2 .list2.on{ margin:-10px -15px; }
#ProductList2 .list2.on li.tab-th{ display:none; }
#ProductList2 .list2.on li{ padding:10px 15px; border:0 none; display:inline-block; vertical-align: top; width:16.66%; }
#ProductList2 .list2.on li *{ transition:all 0.3s; }
#ProductList2 .list2.on li .wid{ display:block; width:100%; padding:0; }
#ProductList2 .list2.on li .wid::before,
#ProductList2 .list2.on li .tabs{ display: none; }
#ProductList2 .list2.on li .imgBox{ display: block; width:100%; margin-bottom:55px; }
#ProductList2 .list2.on li .mainBox{ display:block; }
#ProductList2 .list2.on li .mainBox p{ display:none; }
#ProductList2 .list2.on li .hide{ display: inline!important; margin-right:0.2em; color:#fe5d5d; }
#ProductList2 .list2.on li .title{ color:#333; font-weight:normal; }
#ProductList2 .list2.on li .bjd{ display:block; padding:0; border:0 none; color:#aaa; line-height:18px; margin-top:0; }
#ProductList2 .list2.on li .tags{ margin:0 -2px; height:0; position: relative; top:-80px; }
#ProductList2 .list2.on li .tags span{ display:inline-block; line-height:18px; margin:2px; padding:0 4px; }
#ProductList2 .list2.on li .priceBox{ text-align:left; position: relative; height:0; top:-102px; }
#ProductList2 .list2.on li .price{ color:#fe0303; }
#ProductList2 .list2.on li .num{ font-weight:bold; font-size:16px; }
#ProductList2 .list2.on li .ihide,
#ProductList2 .list2.on li .pword{ display: none; }
#ProductList2 .list2.on li .buy{ text-align:left; margin-top:5px; }
#ProductList2 .list2.on li .NumBox{ width:42px; border:1px solid #dedede; padding-right:15px; position: relative; vertical-align:top; }
#ProductList2 .list2.on li .NumBox .number{ line-height:24px; height:24px; width:100%; border:0 none; margin:0; }
#ProductList2 .list2.on li .NumBox span{ width:15px; height:12px; position:absolute; right:0; opacity:0; }
#ProductList2 .list2.on li .NumBox span.reduce{ bottom:0; }
#ProductList2 .list2.on li .NumBox span.add{ top:0; }
#ProductList2 .list2.on li .NumBox span i{ content:""; position: absolute; display: block; position: absolute; left: 50%; margin:0; margin-left:-4px; border:4px solid transparent; background-color:transparent; height: auto; width:auto; }
#ProductList2 .list2.on li .NumBox span.add .i2{ display:none; }
#ProductList2 .list2.on li .NumBox span.reduce i{ border-top:5px solid #4f4f4f; top:2px; border-bottom:0 none; }
#ProductList2 .list2.on li .NumBox span.add i{ border-bottom:5px solid #4f4f4f; bottom:2px; border-top:0 none; }
#ProductList2 .list2.on li .NumBox span.reduce:hover i{ border-top-color:#fe0303; }
#ProductList2 .list2.on li .NumBox span.add:hover i{ border-bottom-color:#fe0303; }
#ProductList2 .list2.on li .addBtn{ display: inline-block; margin-top:0; margin-left:1px; padding:0 10px; vertical-align:top; line-height:26px; }
#ProductList2 .list2.on li .Box:hover .NumBox span{ opacity:1; }
#ProductList2 .list2.on li .Box:hover .addBtn{ background:#fcef1d; color:#333; /*border-radius:0;*/ padding:0 13px; }
#ProductList2 .list2.on li .Box:hover .addBtn .i{ padding:0; background-size:0; }

/**配件列表**/
.PeijianList{}
.PeijianList .bg0{ padding:0 12px; }
.PeijianList .Typeword{ border-bottom:1px solid #e9e9e9; padding:5px 0 15px; }
.PeijianList .Typeword .Typetit{ font-size:20px; color:#333333; line-height:1.4em; margin-bottom:5px; }
.PeijianList .Typeword .TypeCon{ font-size:14px; line-height:1.4em; color:#f00c0c; }
.PeijianList .UL{ padding:20px 0; }
.PeijianList .UL .ul{ margin:-10px; font-size:0; line-height:0; }
.PeijianList .UL li{ padding:10px; width:16.66%; display: inline-block; vertical-align: top; }
.PeijianList .UL li .Box{ display: block; }
.PeijianList .UL .imgBox{ border:1px solid #dfdfdf; }
.PeijianList .UL .imgBox img{ transition:all 0.3s; width:100%; }
.PeijianList .UL .title{ font-size:14px; line-height:22px; color:#333333; margin-top:7px; transition:all 0.3s; }
.PeijianList .UL .other .price{ color:#f00c0c; font-size:14px; line-height:22px; padding-top:6px; display: inline-block; }
.PeijianList .UL .other .price .num{ font-weight: bold; font-size:18px; }
.PeijianList .UL .addBtn{ float: right; line-height:28px; color:#fff; background:#fe5d5d; border-radius:5px; text-align: center; padding:0 5px; display: block; font-size:12px; transition:all 0.3s; }
.PeijianList .UL .addBtn .i{ display: inline-block; vertical-align:top; padding-left:22px; background:url(../images/icon8.png) no-repeat left center; font-style: normal; }
.PeijianList .UL .Box:hover .title{ color:#146fb5; }
.PeijianList .UL .Box:hover .addBtn{ background-color: #e23838; border-radius:0; }

/*#ProductList2 .list{}
#ProductList2 .list .dl{ color:#333333; font-size: 14px; border-left: 1px solid #ebe9e9; border-top: 1px solid #ebe9e9; }
#ProductList2 .list dt{ display: table; width: 100%; }
#ProductList2 .list dd{ display: table; width: 100%; }
#ProductList2 .list .wid{ display: table-cell; text-align: center; vertical-align: middle; border-bottom: 1px solid #ebe9e9; border-right: 1px solid #ebe9e9; padding:12px 15px; }
#ProductList2 .list .wid1{ width: 10.65%; font-weight: bold; }
#ProductList2 .list dt .wid2{ padding:0;width: 264px; }
#ProductList2 .list dd .wid2{padding:0;width: 264px;}
#ProductList2 .list dt .wid1{ background-color: #f5f5f5; }
#ProductList2 .list dd:nth-child(odd) .wid1{ background-color: #f5f5f5; }
#ProductList2 .list .dl{ position: relative; }
#ProductList2 .list .dl+.dl{ margin-top: 8px; }
#ProductList2 .list .dl .Box{ display: block; position: relative; padding:15px 35px; }
#ProductList2 .list .dl .Box .tip{ font-size: 12px; color:#fff; position: absolute; left: 0; top:0; background-color: #a5110d; padding-bottom: 8px; width: 34px; display: none; line-height: 28px; font-style: normal; font-weight: normal; }
#ProductList2 .list .dl .Box .tip:before{ content: ""; display: block; position: absolute; left: 0; bottom:0; border:17px solid transparent; border-bottom: 8px solid #fff; border-top: 0; }
#ProductList2 .list .dl .Box.on .tip{ display: block; }
#ProductList2 .list .dl .Box .imgBox{ display: inline-block; }
#ProductList2 .list .dl .Box .imgBox img{ display: block; }
#ProductList2 .list .dl .Box .imgBox .title{ font-weight: bold; }
#ProductList2 .list .dl .click{ text-align: center; width: 100%; background:#f5f5f5; font-size: 12px; ;line-height: 44px; color:#a2a2a2; cursor: pointer; border-bottom: 1px solid #ebe9e9; border-right: 1px solid #ebe9e9; }
#ProductList2 .list .dl .click .icons{ height: 20px; width: 13px; display: inline-block; vertical-align: middle; background-position:-277px -114px; margin-left: 10px; }
#ProductList2 .list .dl .click>div{ display: none; }
#ProductList2 .list .dl .u .up{ display: block; }
#ProductList2 .list .dl .d .down{ display: block; }
#ProductList2 .list .dl .click:hover{ background-color: #e2e2e2; }*/
/**数量框**/
.NumBox{}
.NumBox .reduce{ cursor: pointer; height: 30px; width: 34px; background-color: #e8e8e8; position: relative; }
.NumBox .reduce i{ position: absolute; left:50%; top:50%; height: 1px; width: 8px; margin-top: -0.5px; margin-left:-4px; background-color: #999999; display: block; }
.NumBox .reduce:hover{ background-color: #f91f1f; }
.NumBox .reduce:hover i{ background-color: #fff; }
.NumBox .number{ height: 30px; width: 34px; line-height: 20px; border:1px solid #e8e8e8; text-align: center; font-size: 12px; color:#666666; }
.NumBox .add{ cursor: pointer; height: 30px; width: 34px; background-color: #e8e8e8; position: relative; }
.NumBox .add .i1{ position: absolute; left:50%; top:50%; height: 1px; width: 10px; margin-top: -0.5px; margin-left:-5px; background-color: #999999; display: block; }
.NumBox .add .i2{ position: absolute; left:50%; top:50%; width: 1px; height: 10px; margin-top: -5px; margin-left:-0.5px; background-color: #999999; display: block; }
.NumBox .add:hover{ background-color: #f91f1f; }
.NumBox .add:hover i{ background-color: #fff; }
.NumBox .tooltip-inner{ background-color: #146fb5; }
.NumBox .tooltip.top .tooltip-arrow{ border-top-color: #146fb5; }
/**产品详情**/
#ProductInfo{}
#ProductInfo .pad{ padding:45px 30px; }
#ProductInfo .l_con{ width: 280px; }
#ProductInfo .l_con .TopBox{ display: block; margin:0 auto; width: 100%; border:1px solid #d8d8d8; }
#ProductInfo .l_con .ImgTBox{ position: relative; }
#ProductInfo .l_con .ImgTBox .showbox{ display:none; position:absolute; left:102%; top:0; width:180%; height:180%; overflow:hidden; border:1px solid #146fb5; z-index: 5; }
#ProductInfo .l_con .ImgTBox .showbox img{ position:absolute; height:200%; width:200%; max-width: 99999999px; }
#ProductInfo .l_con .ImgTBox .hoverbox{ display:none; position:absolute; top:0; background:rgba(242, 207, 0,0.8); height:50%; width:50%; cursor:move; z-index:10; }
#ProductInfo .l_con .ThumbsBox{ position: relative; margin:10px 0 30px; }
#ProductInfo .l_con .gallery-thumbs{ margin:0 25px; }
#ProductInfo .l_con .gallery-thumbs img{ display: block; border:1px solid #f0f0f0; cursor: pointer; }
#ProductInfo .l_con .gallery-thumbs .swiper-slide-thumb-active img{ border-color:#146fb5; }
#ProductInfo .l_con .SBtn{}
#ProductInfo .l_con .SBtn span{ display: block; position: absolute; top:0; height: 100%; width: 20px; border:1px solid #d6d6d6; cursor: pointer; background: none; margin:0; }
#ProductInfo .l_con .SBtn span .icons{ display: block; height: 16px; width: 14px; position: absolute; left: 50%; top:50%; margin-left: -7px; margin-top: -8px; }
#ProductInfo .l_con .swiper-button-prev{ left: 0; }
#ProductInfo .l_con .swiper-button-next{ right: 0; }
#ProductInfo .l_con .SBtn .swiper-button-prev .icons{ background-position: -491px -109px; }
#ProductInfo .l_con .SBtn .swiper-button-next .icons{ background-position: -545px -109px; }
#ProductInfo .l_con .share{ font-size: 0; padding-bottom:20px; text-align:center; }
#ProductInfo .l_con .share a{ font-size: 12px; color:#333333; line-height: 18px; height: 18px; background: none; position: relative; text-indent:0; margin:0 1px; padding-left: 21px; display: inline-block; width: auto; float: none; vertical-align: top; }
#ProductInfo .l_con .share a .icons{ display: inline-block; height: 18px; width: 20px; position: absolute; left: 0; top: 0; }
#ProductInfo .l_con .share .a1 .icons{ background-position: -253px -142px; }
#ProductInfo .l_con .share .a2 .icons{ background-position: -300px -142px; }
#ProductInfo .l_con .share .a3 .icons{ background-position: -346px -144px; }
#ProductInfo .l_con .share .a4 .icons{ background-position: -346px -144px; }
#ProductInfo .r_con{ width: 815px; }
#ProductInfo .r_con .title{ color:#333333; font-size: 22px; line-height: 1.2em; margin:0; }
#ProductInfo .r_con .longtitle{ font-size: 14px; line-height: 1.4em; color:#146fb5; margin:5px 0;

	  padding-left:25px; background: url(../images/icon7on.png) no-repeat left center;



	color:#f00c0c; }
#ProductInfo .r_con .longtitle a{ color:#f00c0c; }
#ProductInfo .r_con .longtitle a:hover{ color:#146fb5; }
#ProductInfo .r_con .l_tit{ float: left; display: inline-block; width: 140px; text-align: right; font-size: 12px; color:#333333; line-height: 20px; }
#ProductInfo .r_con .r_con{ float: right; display: inline-block; width: 672px; padding-right: 15px; }
#ProductInfo .r_con .li_wid1 .l_tit{ width: 200px; }
#ProductInfo .r_con .li_wid1 .r_con{ width: 385px; }
#ProductInfo .r_con .Box1{ border-top:4px solid #146fb5; background: #f5fbff; padding:15px 0; }
#ProductInfo .r_con .Box1 .ul{}
#ProductInfo .r_con .Box1 .lt{ margin-bottom: 5px; }
#ProductInfo .r_con .Box1 .lt .l_tit{ line-height: 26px; }
#ProductInfo .r_con .Box1 .lt .select{ line-height: 24px; height: 26px; border:1px solid #d8d8d8; font-size: 12px; color:#a2a2a2; padding:0 10px; cursor: pointer; }
#ProductInfo .r_con .Box1 .r_con{ font-size: 12px; line-height: 20px; color:#333333; }
#ProductInfo .r_con .Box1 .cor1{ padding-left: 10px; color:#a6a6a6; }
#ProductInfo .r_con .Box1 .cor2{ color:#666666; line-height: 18px; }
#ProductInfo .r_con .Box2{ padding:18px 0 6px; }
#ProductInfo .r_con .Box2 li{ padding:2px 0; }
#ProductInfo .r_con .Box2 .l_tit{ line-height: 26px; margin-top:3px; }
#ProductInfo .r_con .Box2 .r_con{ font-size: 0; }
#ProductInfo .r_con .Box2 .label{ position: relative; display: inline-block; margin:3px 4px; vertical-align: top; cursor: pointer; }
#ProductInfo .r_con .Box2 .label input{ display: block; height: 100%; width: 100%; opacity: 0; z-index: 1; position: absolute; left: 0; top:0; cursor: pointer; }
#ProductInfo .r_con .Box2 .label .span{ line-height: 24px; height: 26px; border:1px solid #d8d8d8; font-size: 14px; color:#333333; display: block; min-width: 36px; padding:0 5px; text-align: center; font-weight: normal; }
#ProductInfo .r_con .Box2 .label input:checked+.span{ border-color:#146fb5; }
#ProductInfo .r_con .Box2 .select{ padding:0 10px; display: block; line-height: 24px; height: 26px; border:1px solid #d8d8d8; font-size: 12px; color:#a2a2a2; font-weight: normal; cursor: pointer; }
#ProductInfo .r_con .Box3{ border-top:1px solid #dedede;border-bottom:1px solid #dedede; font-size: 0; padding:15px 0; }
#ProductInfo .r_con .Box3 .l_tit{ line-height: 28px; }
#ProductInfo .r_con .Box3 .NumBox{ height: 28px; line-height: 26px; font-size: 14px; color:#333; padding-right: 15px; border:1px solid #dedede; width: 60px; display: inline-block; box-sizing: border-box; position: relative; margin-left: 4px; vertical-align: middle; }
#ProductInfo .r_con .Box3 .NumBox span{ position: absolute; right: 0; width: 15px; border-left:1px solid #dedede; height: 13px; }
#ProductInfo .r_con .Box3 .NumBox .reduce{ bottom:0; }
#ProductInfo .r_con .Box3 .NumBox .add{ top:0; }
#ProductInfo .r_con .Box3 .NumBox .number{ height: 100%; width: 100%; display: block; text-align: center; border:0 none; }
#ProductInfo .r_con .Box3 .NumBox .add .i1{ width: 6px; margin-left:-3px; }
#ProductInfo .r_con .Box3 .NumBox .add .i2{ height: 6px; margin-top: -3px; }
#ProductInfo .r_con .Box3 .NumBox .reduce i{ width: 6px; margin-left: -3px; }
#ProductInfo .r_con .Box3 .NumBox .add:hover,
#ProductInfo .r_con .Box3 .NumBox .reduce:hover{ background:#146fb5; }
#ProductInfo .r_con .Box3 .BtnBox{ display: inline-block; vertical-align: middle; }
#ProductInfo .r_con .Box3 .btn{ padding:0 15px; line-height: 26px; border:1px solid #146fb5; font-weight: bold; font-size: 14px; border-radius: 0; }
#ProductInfo .r_con .Box3 .buy{ background: #fff; color:#146fb5; margin:0 6px 0 22px; }
#ProductInfo .r_con .Box3 .cart{ color: #fff; background:#146fb5; }
#ProductInfo .r_con .Box3 .xunpan{ color: #fff; background:#146fb5; }
#ProductInfo .r_con .Box4{ padding:15px 0; }
#ProductInfo .r_con .Box4 .youshi{ font-size: 0; }
#ProductInfo .r_con .Box4 .youshi a{ font-size: 14px; line-height: 26px; color:#333333; }
#ProductInfo .r_con .Box4 .youshi a+a{ margin-left: 17px; }
#ProductInfo .r_con .Box4 .youshi a .icons{ height: 26px; width: 26px; margin-right: 5px; vertical-align: middle; border-radius: 50%; background-color: #3ead1c; display: inline-block; }
#ProductInfo .r_con .Box4 .youshi .a1 .icons{ background-position:-314px -108px; }
#ProductInfo .r_con .Box4 .youshi .a2 .icons{ background-position:-353px -109px; }
#ProductInfo .r_con .Box4 .youshi .a3 .icons{ background-position:-391px -108px; }
#ProductInfo .r_con .Box4 .youshi .a4 .icons{ background-position:-430px -108px; }
#ProductInfo .Hotlist{ position: relative; }
#ProductInfo .Hotlist .Btns{ display:block; height:40px; width:40px; position: absolute; top: 50%; margin-top:-20px; background:#146fb5 no-repeat center; z-index: 3; opacity: 0; }
#ProductInfo .Hotlist:hover .Btns{ opacity: 1;}
#ProductInfo .Hotlist .Btns:hover{ background-color:#268ddc; }
#ProductInfo .Hotlist .prev{ background-image: url(../images/icon_jt1_1.png); left:0; }
#ProductInfo .Hotlist .next{ background-image: url(../images/icon_jt1_2.png); right: 0; }
#ProductInfo .Hotlist .swiper-button-disabled{ display: none; }
#ProductInfo .List{ margin:0 -20px; font-size: 0; line-height: 0; padding:12px 0; }
#ProductInfo .List li{ display: inline-block; width:16.66%; padding:10px 20px 5px; vertical-align: top; }
#ProductInfo .List .Box{ padding:5px; background: #fff; display: block; transform: translate(0); opacity: 1; position: relative; text-align: center; }
#ProductInfo .List .imgBox{ overflow: hidden; display: inline-block; vertical-align: top; }
#ProductInfo .List .imgBox img{ display: block; margin:0 auto; transition: all 0.3s; }
#ProductInfo .List .cont{ text-align: center; font-size: 12px; padding-top: 5px; }
#ProductInfo .List .title{ color:#000000; line-height: 18px; height: 18px; }
#ProductInfo .List .longtitle{ color:#000; line-height: 18px; height: 18px; overflow: hidden; color:#333333; }
#ProductInfo .List .now{ padding-top: 2px; }
#ProductInfo .List .now{ color:#dd0303; font-size: 14px; line-height: 22px; display: inline-block; vertical-align: middle; font-weight: bold; }
#ProductInfo .List .now .my{ vertical-align: middle; }
#ProductInfo .List .xj{ display: inline-block; color:#fff; line-height: 18px; height: 18px; background-color: #146fb5; padding:0 10px; border-radius: 8px; margin-top:8px; }
#ProductInfo .List .Box:hover{ transform: translate(-0px,-0px); box-shadow: 0 0 10px rgba(1,1,1,0.08); opacity: 0.9; z-index: 1; }
#ProductInfo .List .Box:hover img{ transform: scale(1.06); }
#ProductInfo .List .Box:hover .xj{ background-color: #e33232; }
#ProductInfo .List .Box:hover .title{ color:#e33232; }
#ProductInfo .content{ padding:30px; font-size: 14px; line-height: 1.6em; color:#333333; }


/**单选多选**/
.ButBox{ display: inline-block; position: relative; vertical-align: middle; }
.ButBox .btn{ position: absolute; height: 100%; width: 100%; display: block; opacity: 0; z-index: 8; margin:0; }
.ButBox .Bor{ display: block; height: 12px; width: 12px; position: relative; cursor: pointer; border:1px solid #e7e7e7; }
.ButBox .Bor .ok{ position: absolute; left: 10%; top: 10%; height: 80%; width: 80%; background:#065ea5; opacity: 0; }
.ButBox input:checked+.Bor .ok{ opacity: 1; }
.ButBox input:selected+.Bor .ok{ opacity: 1; }
/**购物车**/
.AutoTitle4{ padding:17px 0; }
.AutoTitle4 span{ font-size: 18px; color:#333333; line-height: 1.6em; }
#StepType{}
#StepType .Box{ font-size: 0; background:#efefef; margin-top: 20px; }
#StepType .typeli{ display: inline-block; width: 33.33%; vertical-align: middle; font-size: 14px; color:#333333; line-height: 36px; position: relative; padding-left: 15px; }
#StepType .typeli .icons{ display: inline-block; width: 28px; height: 20px; margin-right: 10px; vertical-align: middle; }
#StepType .t1,
#StepType .t2{ background: url(../images/cart_back.jpg) no-repeat right center/auto 100%; }
#StepType .t1 .icons{ background-position: -595px -107px; }
#StepType .t2 .icons{ background-position: -643px -107px; }
#StepType .t3{ background-size: 0; }
#StepType .t3 .icons{ background-position: -690px -107px; }
#StepType .step1 .on{ color:#fff; }
#StepType .step1 .t1{ background-color: #146fb5; background-image: url(../images/cart_back2.jpg); }
#StepType .step2 .t1{ background-image: url(../images/cart_back3.jpg); }
#StepType .step2 .t2{ background-color: #146fb5; background-image: url(../images/cart_back2.jpg); }
#StepType .step3 .t2{ background-image: url(../images/cart_back3.jpg); }
#StepType .step3 .t3{ background-color: #146fb5; }
#StepType .t1.on .icons{ background-position:-594px -141px; }
#StepType .t2.on .icons{ background-position:-643px -141px; }
#StepType .t3.on .icons{ background-position:-690px -141px; }
#CartBlock{}
#CartBlock .form{ display: block; }
#CartBlock .bg{  }
#CartBlock .form .table{ width: 100%; margin:0; }
#CartBlock .form th{ background-color: #f7f7f7; font-size: 14px; line-height: 36px; color:#666666; font-weight: normal; }
#CartBlock .form th,
#CartBlock .form td{ vertical-align: middle; border:0 none; padding:0; }
#CartBlock .form td{ padding:15px 0; }
#CartBlock .form tr:nth-child(2){ border:0 none; }
#CartBlock .form tr:first-child th:first-child { border-top-left-radius: 5px;border-bottom-left-radius: 5px; }
#CartBlock .form tr:first-child th:last-child { border-top-right-radius: 5px;border-bottom-right-radius: 5px; }
#CartBlock .form tr+tr{ border-top:1px dashed #ccc; }
#CartBlock .form .wid1{ width: 13.5%; text-align: left; padding-left:20px; }
#CartBlock .form .wid2{ width: 16.7%; text-align: center; }
#CartBlock .form .wid3{ width: 21.4%; padding-left: 5%; }
#CartBlock .form .wid4{ width: 10.5%; text-align: center; }
#CartBlock .form .wid5{ width: 14%; padding-left: 5%; text-align: center; }
#CartBlock .form .wid6{ width: 16.7%; text-align: center; }
#CartBlock .form .wid7{ text-align: center; }
#CartBlock .form td.wid3{ color:#333333; font-size: 12px; line-height: 1.6em; }
#CartBlock .form td.wid4,
#CartBlock .form td.wid6{ color:#c8160a; }
#CartBlock .form td .enquirybtn{ cursor:pointer; }
#CartBlock .form td .enquirybtn:hover{ color:#146fb5; }
#CartBlock .form .imgBox{ display: inline-block; width: 100px; vertical-align: middle; overflow: hidden; border:1px solid #e7e7e7; }
#CartBlock .form .imgBox img{ display: block; transform:scale(1); }
#CartBlock .form .c:hover img{ transform:scale(1.1); }
#CartBlock .form .word{ font-size: 14px; text-align: left; display: block; }
#CartBlock .form .ButBox{ margin-right: 10px; }
#CartBlock .form .NumBox{ display: inline-block; vertical-align:middle; }
#CartBlock .form .NumBox .t-quantity{ width:auto; }
#CartBlock .form .NumBox .t-quantity a{ height:20px; width:20px; background:#e8e8e8; line-height:17px; }
#CartBlock .form .NumBox .t-quantity a:hover{ color:#fff; background-color:#f91f1f; }
#CartBlock .form .NumBox .number{ font-size: 14px; }
#CartBlock .form .NumBox .reduce,
#CartBlock .form .NumBox .add{ height: 20px; width: 20px; }
#CartBlock .form .NumBox .number{ height: 20px; line-height: 20px; }
#CartBlock .form .table .delete{ display: inline-block; vertical-align:middle; width: 24px; height: 24px; background-position:-733px -107px; cursor: pointer; }
#CartBlock .form .table .delete:hover{ background-position:-766px -107px; }
#CartBlock .form .OBox{ margin:10px 0 30px; }
#CartBlock .form .other{ background-color: #efefef; font-size: 14px; line-height: 48px; color:#666666; width: 89.16%; padding:0 20px 0 25px; border-radius: 5px; }
#CartBlock .form .other .ButBox{ background: #fff; }
#CartBlock .form .other strong{ color:#146fb5; font-size: 18px; }
#CartBlock .form .all_m{ font-size: 20px; line-height: 50px; color:#333333; margin-bottom: 10px; }
#CartBlock .form .all_m .color{ color:#c00000; }
#CartBlock .form .subBox{ width: 10.5%; }
#CartBlock .form .submit{ display: block; width: 100%; color:#fff; background:#146fb5; font-size: 18px; line-height: 48px; height: 48px; text-align: center; border:0 none; border:1px solid #146fb5; border-radius: 5px; }
#CartBlock .form .submit:hover{ background-color: #fff; color:#146fb5; }

/**我的询盘车**/
.enquiry{ min-height: calc(100% - 549px); }
.enquiry .Enquiryshow{ display: none; }
.enquiry .Location2 .Location{ margin-top: 0; }
.EnquiryBlock{}
.EnquiryBlock .form{ display: block; width: 500px; margin:0 auto; padding-bottom: 55px; }
.EnquiryBlock .title{ font-size: 24px; line-height: 1.4em; color:#333333; margin:30px 0; }
.EnquiryBlock .label{ display: block; margin:0 0 10px; border:1px solid #e3e3e3; border-radius: 5px; position: relative; padding:10px 0 10px 40px; font-weight: normal; }
.EnquiryBlock .label .icons{ display: block; position: absolute; left: 0; top:50%; width: 40px; height: 26px; margin-top:-13px; }
.EnquiryBlock .label .input{ display: block; line-height: 20px; height: 20px; font-size: 14px; color:#333; font-weight: normal; padding:0 5px; border-left:1px solid #e5e5e5; width: 100%; }
.EnquiryBlock .label .company{ background-position:9px -387px; }
.EnquiryBlock .label .name{ background-position: 8px -273px; }
.EnquiryBlock .label .phone{ background-position: 9px -310px; }
.EnquiryBlock .label .mail{ background-position: 10px -348px; }
.EnquiryBlock .other{ font-size: 0; padding:15px 0; }
.EnquiryBlock .other .min{ font-size: 16px; color:#333; line-height: 26px; cursor: pointer; position: relative; margin:0 9px; font-weight: normal; }
.EnquiryBlock .other .icons{ display: inline-block; width: 26px; height: 26px; vertical-align: middle; background-color:#146fb5; border-radius: 50%; margin-right: 3px; }
.EnquiryBlock .other .file{ position: absolute; display: block; height: 100%; width: 100%; opacity: 0; left: 0; top: 0; cursor: pointer; }
.EnquiryBlock .other .f{ background-position: -387px -140px; }
.EnquiryBlock .other .z{ background-position: -424px -139px; }
.EnquiryBlock .other .d{ background-image: url(../images/icon9.png); background-position:center; }
.EnquiryBlock .word{ font-size: 14px; line-height: 1.5em; color:#585858; }
.EnquiryBlock .BtnBox{ font-size: 0; padding-top: 20px; }
.EnquiryBlock .BtnBox input{ display: inline-block; text-align: center; width: 145px; height: 44px; line-height: 44px; color:#fff; border-radius: 5px; background-color: #146fb5; border:1px solid #146fb5; font-size: 18px; }
.EnquiryBlock .BtnBox .submit{}
.EnquiryBlock .BtnBox .reset{ color:#146fb5; background-color: #fff; margin-left: 18px; }
.EnquiryBlock .BtnBox .submit:hover,
.EnquiryBlock .BtnBox .reset:hover{ background-color:#1b86d8; color:#fff; border-color:#1b86d8; }

/**确认订单**/
.TipBox{ display: inline-block; position: relative; }
.TipBox .TBlock{ display: block; width: 140px; height: 28px; line-height: 26px; text-align: center; border:1px solid #dddddd; font-size: 14px; color:#333333; position: relative; }
.TipBox .TBlock:after{ content: ""; position: absolute; left:0; top:0; height: 100%; width: 100%; display: block; border:1px solid #2b80f1; opacity: 0; }
.TipBox input{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top:0; cursor: pointer; opacity: 0; margin:0; z-index: 2; }
.TipBox+.TipBox{ margin-left: 10px; }
.TipBox input:checked+.TBlock{ border-color:#248bdb; }
.TipBox input:checked+.TBlock:after{ opacity: 1; }
.TipBox input:checked+.TBlock .icons{ display: block; width: 17px; height: 14px; position: absolute; right: -2px; bottom:-1px; background-position:-743px -69px; }
.TipBox:hover .TBlock{ border-color:#248bdb; }
.TipBox:hover .TBlock:after{ opacity: 1; }
#OrdersBlock .Atitle1{ font-size: 20px; line-height: 1.5em; color:#005ea7; padding:25px 20px 20px; }
#OrdersBlock .Atitle2{ background-color: #f9f9f9; line-height: 44px; padding:0 20px; }
#OrdersBlock .Atitle2 .f_l{ font-size: 18px; color:#333333; }
#OrdersBlock .Atitle2 .more{ color:#005ea7; }
#OrdersBlock .Atitle2 .more:hover{ color:#c8160a; }
#OrdersBlock .Atitle2 .word{ font-size: 12px; color:#666666; }
#OrdersBlock .content{ padding:20px; font-size: 0; }
#OrdersBlock .addressBlock .TipBox .TBlock{ font-size: 12px; }
#OrdersBlock .addressBlock li{ padding-left: 140px; position: relative; }
#OrdersBlock .addressBlock li+li{ margin-top: 12px; display: none; }
#OrdersBlock .addressBlock li .TipBox{ position: absolute; left: 0; }
#OrdersBlock .addressBlock .Block{ font-size: 12px; padding:0 150px 0 12px; color:#333; line-height: 28px; margin-right: -20px; }
#OrdersBlock .addressBlock li:hover .Block{ background:#fff3f3; }
#OrdersBlock .addressBlock li:hover .operation{ display: block; }
#OrdersBlock .addressBlock .operation{ font-size: 12px; line-height: 28px; position: absolute; right: 0; top:0; display: none; }
#OrdersBlock .addressBlock .operation a{ color:#005ea7; }
#OrdersBlock .addressBlock .operation a:hover{ color:#c8160a; }
#OrdersBlock .addressBlock .operation .set{ margin-right: 18px; }
#OrdersBlock .addressBlock .area1{ margin:0 5px 0 10px; }
#OrdersBlock .addressBlock .area2{}
#OrdersBlock .addressBlock .area3{ margin:0 5px; }
#OrdersBlock .addressBlock .area4{ margin-right: 5px; }
#OrdersBlock .addressBlock .addressMore{ font-size: 12px; line-height: 20px; color:#666; margin-top: 12px; cursor: pointer; }
#OrdersBlock .addressBlock .addressMore .icons{ display: inline-block; height: 10px; width: 10px; vertical-align: middle; background-position:-214px -171px; margin-left: 3px; }
#OrdersBlock #CartBlock .form{ margin-bottom: 18px; }
#OrdersBlock #CartBlock .form .wid1{ width: 9.7%; }
#OrdersBlock #CartBlock .form th{ background: none; color:#333333; border-bottom: 1px solid #e2e2e2; padding-top:4px; padding-bottom:4px; }
#OrdersBlock #CartBlock .form .wid5{ padding:0; width: 20%; }
#OrdersBlock #CartBlock .form .wid6{ padding:0; width: 10%; }
#OrdersBlock #CartBlock .form .NumBox .number{ font-size: 14px; color:#666666; border:0 none; }
#OrdersBlock #CartBlock .form tr+tr:hover{ background:#f7f7f7; }
#OrdersBlock .invoice{}
#OrdersBlock .invoice .tips{ font-size: 14px; font-weight: bold; color:#333; line-height: 30px; }
#OrdersBlock .invoice .tips .tipsword{ line-height: 28px; font-weight: normal; display: inline-block; border:1px solid #dddddd; background-color: #fff; padding:0 8px; position: relative; margin-left: 10px; box-shadow: 0 0 2px rgba(0,0,0,0.1); }
#OrdersBlock .invoice .tips .tipsword:before{ content: ""; display: block; height: 17px; width: 10px; position: absolute; right: 100%; top:5px; background:url(../images/icons.png) no-repeat -779px -67px; }
#OrdersBlock .invoice .tips .icons{ display: inline-block; vertical-align: middle; height: 22px; width: 18px; background-position:-473px -138px; }
#OrdersBlock .invoice .invoiceli{ color:#999; padding:10px 0 10px 20px; }
#OrdersBlock .invoice .divli{ font-size: 0; }
#OrdersBlock .invoice .divli>*{ font-size: 12px; line-height: 20px; vertical-align: middle; }
#OrdersBlock .invoice .divli>*+*{ margin-left: 18px; }
#OrdersBlock .invoice .invoiceli .wid1{}
#OrdersBlock .invoice .invoiceli .wid1 .icons{ height: 14px; width:14px; font-style: normal; background-position:-509px -140px; display: inline-block; vertical-align: middle; margin-left: 3px; }
#OrdersBlock .invoice .invoiceli .wid2{}
#OrdersBlock .invoice .invoiceli .wid3{}
#OrdersBlock .invoice .invoiceli .wid4{}
#OrdersBlock .invoice .invoiceli .edit{ color:#146fb5; }
#OrdersBlock .invoice .invoiceli .edit:hover{ color:#c8160a; }
#OrdersBlock .TotalBox .total{ line-height: 20px; }
#OrdersBlock .TotalBox .total .message1{ font-size: 14px; color:#777; padding:20px 0; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; }
#OrdersBlock .TotalBox .total .message1 .wid{ min-width: 110px; display: inline-block; text-align: left; margin-left: 30px; padding-right: 18px; }
#OrdersBlock .TotalBox .total .message1 p,
#OrdersBlock .TotalBox .total .message2 p{ padding:3px 0; }
#OrdersBlock .TotalBox .total .message2{ background-color: #f4f4f4; font-size: 12px; padding:20px 18px 20px 0; }
#OrdersBlock .TotalBox .total .message2 .word1{ color:#666; }
#OrdersBlock .TotalBox .total .message2 .word2{ color:#999; }
#OrdersBlock .TotalBox .total .message2 .price{ color:#e4393c; font-size: 18px; vertical-align: middle; padding:0 10px 3px; display: inline-block; }
#OrdersBlock .TotalBox .total .message2 .area2{ margin:0 3px; }
#OrdersBlock .TotalBox .total .message2 .area4{ margin-right: 20px; margin-left: 3px; }
#OrdersBlock .TotalBox .BtnBoxs{ font-size: 0; text-align: right; padding:25px 18px 55px; }
#OrdersBlock .TotalBox .BtnBoxs .Btn{ display: inline-block; vertical-align: middle; line-height: 48px; height: 48px; width: auto; padding:0 27px; font-size: 16px; color:#ffffff; border:0 none; border-radius: 5px; background-color: #146fb5; }
#OrdersBlock .TotalBox .BtnBoxs .Sbumit{ background-color: #c00000; margin-left: 30px; }
#OrdersBlock .TotalBox .BtnBoxs .Buy:hover{ background-color: #2f88cc; }
#OrdersBlock .TotalBox .BtnBoxs .Sbumit:hover{ background-color: #e43939; }
/**收货地址**/
#OrdersTank{ position: fixed; display: none; left: 0; top:0; height: 100%; width: 100%; z-index: 9999; }
#OrdersTank .AddressBox{ position: absolute; left: 50%; top:50%; border:3px solid #c4c4c4; width: 700px; margin-left: -350px; margin-top: -258px; }
#OrdersTank .Title{ background-color: #f3f3f3; font-size: 14px; color:#1d1d1d; line-height: 30px; padding:0 10px; position: relative; }
#OrdersTank .Title .tit{ display: none; }
#OrdersTank .Title .exit{ display: block; height: 100%; width: 15px; position: absolute; top:0; right: 10px; cursor: pointer; }
#OrdersTank .Title .exit i{ display: block; position: absolute; left: 0; width: 100%; height: 1px; top: 50%; margin-top: -0.5px; background-color: #666; }
#OrdersTank .Title .exit:hover i{ background-color: #e43d40; }
#OrdersTank .Title .i1{ transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
#OrdersTank .Title .i2{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
#OrdersTank .form{ padding:10px 25px; height: 480px; }
#OrdersTank .addressForm{ display: none; }
#OrdersTank .addressForm .label{ display: block; padding:5px 0; margin:0; line-height: 24px; font-size: 0; font-weight: normal; }
#OrdersTank .addressForm .tit{ font-size: 12px; color:#949393; width: 70px; }
#OrdersTank .addressForm .tip{ display: inline-block; vertical-align: middle; color:#e03336; width: 8px; text-align: right; padding-right: 2px; }
#OrdersTank .addressForm .cont{ width: 555px; text-align: left; color:#949393; }
#OrdersTank .addressForm .zcityGroup{}
#OrdersTank .addressForm .zcityItem{ line-height: 22px; border:1px solid #cccccc; display: inline-block; font-size: 12px; color:#949393; position: relative; width: 20%; }
#OrdersTank .addressForm .zcityItem+.zcityItem{ margin-left: 10px; }
#OrdersTank .addressForm .zcityItem-head{ padding:0 20px 0 10px; position: relative; cursor: pointer; }
#OrdersTank .addressForm .zcityItem-head:after{ content: ""; display: block; height: 100%; width: 15px; position: absolute; top:0; right: 5px; background:url(../images/icons.png) no-repeat -185px -139px; }
#OrdersTank .addressForm .zcityItem-head input{ cursor: pointer; display: block; width: 100%; font-size: 12px; line-height: 22px; height: 22px; }
#OrdersTank .addressForm .zcityItem-main{ position: absolute; left: 0!important; top:100%!important; width: 100%; display: none; background-color: #fff; }
#OrdersTank .addressForm .on .zcityItem-main{ display: block; }
#OrdersTank .addressForm .cityContainer{ height: 200px; padding:0; text-align: left; margin:0 -1px; border:1px solid #ccc; overflow-y: auto; }
#OrdersTank .addressForm .cityTips{ display: none; }
#OrdersTank .addressForm .cityContainer ul{ margin:0; padding:2px 0; }
#OrdersTank .addressForm .cityContainer ul li{ list-style: none; padding:2px 10px; margin:0; cursor: pointer; }
#OrdersTank .addressForm .cityContainer ul li:hover{ background-color: #eee; }
#OrdersTank .addressForm .cont .input{ display: inline-block; vertical-align: middle; height: 24px; line-height: 22px; font-size: 12px; color:#949393; width: 242px; border:1px solid #cccccc; padding:0 10px; }
#OrdersTank .addressForm .cont .wid1{ background-color: #f4f4f4; width: 50px; min-width: 0; }
#OrdersTank .addressForm .cont .line{ font-size: 12px; font-style: normal; margin:0 6px; vertical-align: middle; color:#999; }
#OrdersTank .addressForm .cont .wid2{ width: 177px; }
#OrdersTank .addressForm .cont .word{ font-size: 12px; }
#OrdersTank .addressForm .address .word{ vertical-align: middle; margin:0 6px 0 10px; }
#OrdersTank .addressForm .checkBox{ display: inline-block; margin:0 4px; padding:0; vertical-align: middle; position: relative; font-weight: normal; cursor: pointer; }
#OrdersTank .addressForm .checkBox input{ display: block; position: absolute; left: 0; top:0; height: 100%; width: 100%; opacity: 0; cursor: pointer; }
#OrdersTank .addressForm .checkBox .txt{ display: block; border:1px solid #cccccc; font-size: 12px; color:#949393; padding:0 10px; line-height: 22px; }
#OrdersTank .addressForm .checkBox input:checked+.txt{ border-color:#146fb5; color:#146fb5; }
#OrdersTank .addressForm .submit{ color:#fff; border-radius: 5px; line-height: 24px; height: 30px; padding:0 12px; background:#e2393c; margin-top: 10px; font-size: 12px; font-weight: normal; }
#OrdersTank .addressForm .submit:hover{ background:#e66063; }
#OrdersTank .invoiceForm{ display: none; }
#OrdersTank .invoiceForm .tab_tit{ font-size: 0; padding:5px 0 10px; }
#OrdersTank .invoiceForm .tab_tit li{ display: inline-block; margin-right: 10px; }
#OrdersTank .invoiceForm .item{ padding:5px 0; }
#OrdersTank .invoiceForm .item .label{ width: 110px; text-align: right; font-size: 14px; line-height: 22px; color:#333; font-weight: normal; }
#OrdersTank .invoiceForm .item .label .tip{ margin-right: 2px; color:#e4393c; }
#OrdersTank .invoiceForm .item .r_con{ width: 525px; }
#OrdersTank .invoiceForm .item .inputBox{ display: block; border:1px solid #ccc; font-size: 14px; padding:0 10px; color:#eee; line-height: 22px; height: 24px; width: 200px; position: relative; color:#666; }
#OrdersTank .invoiceForm .item .inputBox .txt{ display: block; position: absolute; left:0; top:0; width: 102%; height: 110%; border:2px solid transparent; padding:0 10px; margin:-1px; }
#OrdersTank .invoiceForm .item .inputBox input:checked+.txt{ border-color:#2b80f1; }
#OrdersTank .invoiceForm .item .inputBox input{ display: block; width: 100%; font-size: 14px; line-height: 22px; height: 22px; position: relative; font-weight: normal; cursor: text; z-index: 3; }
#OrdersTank .invoiceForm .item .inputBox .radio{ display: block; position: absolute; height:100%; width: 100%; opacity: 0; left: 0; top:0; margin:0; cursor: pointer; z-index: 2; }
#OrdersTank .invoiceForm .item .inputBox+.inputBox{ margin-top: 8px; }
#OrdersTank .invoiceForm .item1 input{ cursor: pointer; }
#OrdersTank .invoiceForm .word{ font-size: 12px; color:#999; }
#OrdersTank .invoiceForm .BtnBox{ font-size: 0; }
#OrdersTank .invoiceForm .BtnBox .Btn{ display: inline-block; font-size: 14px; line-height: 30px; border:0 none; width: 100px; text-align: center; font-weight: normal; border-radius: 5px; }
#OrdersTank .invoiceForm .BtnBox .submit{ color:#fff; background-color: #248bdb; margin-right: 10px; }
#OrdersTank .invoiceForm .BtnBox .exit{ color:#666; background-color: #eee; }
#OrdersTank[data-tip="add"] .Title .add{ display: block; }
#OrdersTank[data-tip="edit"] .Title .edit{ display: block; }
#OrdersTank[data-tip="edit2"] .Title .edit2{ display: block; }
#OrdersTank[data-tab="address"] .addressForm{ display: block; }
#OrdersTank[data-tab="invoice"] .invoiceForm{ display: block; }

/**订单支付**/
#PayBlock{}
#PayBlock .Content{ background-color: #f4f4f4; font-size: 16px; line-height: 26px; color:#333333; padding:15px 20px; margin:10px 0; }
#PayBlock .Content .word{ color:#146fb5; }
#PayBlock .Content .colr1{ color:#da1411; font-size: 20px; }
#PayBlock .Box{ display: inline-block; padding:70px 0 140px; }
#PayBlock .Box .codeBox{ margin-right: 45px; width: 300px; padding-top: 15px; }
#PayBlock .Box .border{ border:1px solid #dddddd; margin-bottom: 20px; }
#PayBlock .Box .txt{ color:#fff; font-size: 16px; line-height: 18px; background:#146fb5 url(../images/pay_txt.jpg) no-repeat center; padding:13px 10px 11px 120px; text-align: left; }
#PayedBlock{}
#PayedBlock .Box{ width: 600px; margin:130px auto; }
#PayedBlock .imgBox{ display: inline-block; vertical-align: middle; width: 290px; }
#PayedBlock .cont{ font-size: 12px; line-height: 28px; display: inline-block; vertical-align: middle; margin-left: 30px; width: 275px; }
#PayedBlock .img{ display: inline-block; height: 40px; width: 40px; vertical-align: middle; background-position:-760px -142px; }
#PayedBlock .word{ font-size: 22px; line-height: 1.4em; color:#3fd09e; display: block; margin-top: 5px; margin-bottom: 5px; }
#PayedBlock .word2{ color:#666; }
#PayedBlock .color2{ color:#333; }
#PayedBlock .color3{ color:#ccc; }
#PayedBlock .word2 a{ color:#59aaf9; vertical-align: middle; }
#PayedBlock .word2 a:hover{ color:#e23838; }
#PayedBlock .tips{ color:#6b6b6b; opacity: 0.7; border-top:1px solid #ccc; margin-top: 13px; padding-top:13px; }

/**登录**/
#LoginBlock{ height: 600px; background:url(../images/Other/member_back.jpg) no-repeat center/cover; min-height: calc(100% - 280px); }
#LoginBlock input::-webkit-input-placeholder,
#LoginBlock textarea::-webkit-input-placeholder {color: #c8c8c8;}
#LoginBlock input:-moz-placeholder,
#LoginBlock textarea:-moz-placeholder {color:#c8c8c8;}
#LoginBlock input::-moz-placeholder,
#LoginBlock textarea::-moz-placeholder {color:#c8c8c8;}
#LoginBlock input:-ms-input-placeholder,
#LoginBlock textarea:-ms-input-placeholder {color:#c8c8c8;}
#LoginBlock .Block{ background-color: #fff; width: 400px; margin-top: 85px; box-shadow: 0 0 5px rgba(0,0,0,0.1); padding:13px 13px; }
#LoginBlock .Block .title{ text-align: center; padding:15px 0 20px; }
#LoginBlock .Block .title a{ font-size: 18px; color:#333333; line-height: 1.4em; margin:0 13px; }
#LoginBlock .Block .title .on{ color:#203879; }
#LoginBlock .Block .form{}
#LoginBlock .Block .form .label{ display: block; border-radius: 5px; border:1px solid #e3e3e3; margin:0; padding:0 0 0 35px; position: relative; font-weight: normal; }
#LoginBlock .Block .form .label+.label{ margin-top: 9px; }
#LoginBlock .Block .form .label .icons{ display: block; position: absolute; left: 0; top:0; height: 100%; width: 35px; }
#LoginBlock .Block .form .label .input{ display: block; width: 100%; font-size: 14px; line-height: 42px; color:#c8c8c8; font-weight: normal; padding:0 15px 0 0; }
#LoginBlock .Block .form .phone .icons{ background-position:5px -301px; }
#LoginBlock .Block .form .password .icons{ background-position:-38px -227px; }
#LoginBlock .Block .form .message{ width: 220px; position: relative; }
#LoginBlock .Block .form .message .icons{ background-position:-38px -227px; }
#LoginBlock .Block .form .message .sendMessage{ display: block; position: absolute; right: -154px; top:-1px; line-height: 40px; height: 42px; color:#fff; text-align: center; border:1px solid #146fb5; border-radius: 5px; background-color: #ecf5ff; font-size: 16px; color:#146fb5; cursor: pointer; font-weight: normal; width: 146px; }
#LoginBlock .Block .form .message .sendMessage:hover{ background-color: #d4e5f7; }
#LoginBlock .Block .form .yzm{ width: 205px; padding:0 15px; }
#LoginBlock .Block .form .yzm .img{ display: block; width: 115px; height: 42px; position: absolute; right: -130px; top:-1px; }
#LoginBlock .Block .form .yzm .icons{ width: 30px; right:-170px; left:auto; background-position: -548px -130px; }
#LoginBlock .Block .form .SubBox{ padding:0; border:0 none; margin:34px 0 26px; }
#LoginBlock .Block .form .submit{ line-height: 40px; height: 40px; text-align: center; color:#fff; background-color: #146fb5; border-radius: 3px; display: block; width: 100%; }
#LoginBlock .Block .form .submit:hover{ background-color: #055a9b; }
#LoginBlock .Block .form .word{ border:0 none; padding:0; line-height: 18px; font-size: 12px; color:#333333; }
#LoginBlock .Block .form .word a{ color:#146fb5; }
#LoginBlock .Block .form .word a:hover{ color:#e23838; }
#LoginBlock .Block .form .word .l_con{ border:0 none; padding:0; margin:0; }
#LoginBlock .Block .form .inputBox{ /*padding-left: 24px;*/ position: relative; cursor: pointer; }
#LoginBlock .Block .form .pleft{ padding-left: 24px; }
#LoginBlock .Block .form .inputBox input{ position: absolute; display: block; left: 0; top:0; opacity: 0; }
#LoginBlock .Block .form .inputBox .border{ display: block; position: absolute; left: 0; border:1px solid #146fb5; height: 18px; width: 18px; }
#LoginBlock .Block .form .inputBox .border:after{ content: ""; display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; background:url(../images/icons.png) no-repeat -252px -164px; opacity: 0; }
#LoginBlock .Block .form .inputBox input:checked+.border:after{ opacity: 1; }
#LoginBlock .Block .form .forget{ padding-left: 26px; position: relative; font-size: 12px; color:#333333; display: inline-block; }
#LoginBlock .Block .form .forget .icons{ display: block; position: absolute; left: 0; top:0; width: 16px; height: 100%; background-position:-724px -141px; }
#LoginBlock .Block .login_message .label+.label{ margin-top: 15px; }
#LoginBlock .Block .login_message .SubBox{ margin: 45px 0 35px; }
#LoginBlock .Block .form .type2{ font-size: 18px; font-weight: normal; }

/**注册**/
.AutoTitle5{ font-size: 16px; color:#146fb5; line-height: 20px; padding:7px 0; border-bottom: 1px solid #146fb5; }
.RegistBlock{ padding-bottom: 95px; }
.RegistBlock #StepType .Box{ margin-top: 0; }
.RegistBlock #StepType .t2{ padding-left: 5px; }
.RegistBlock #StepType .t3{ padding-left: 5px; }
.RegistBlock{}
.RegistBlock .color1{ color:#c60108; }
.RegistBlock .TypeBlock{ padding:40px 0 20px; border-bottom: 1px solid #e7e7e7;  }
.RegistBlock .TypeBlock1 .l_tit{ padding-bottom: 20px; }
.RegistBlock .TypeBlock .tit{ font-size: 24px; color:#000000; line-height: 1.4em; letter-spacing: 7px; display: block; }
.RegistBlock .TypeBlock .word{ font-size: 14px; line-height: 1.4em; color:#146fb5; letter-spacing: 3px; }
.RegistBlock .TypeBlock .r_con{ font-size: 0; margin:0 -25px; }
.RegistBlock .TypeBlock .r_con li{ display: inline-block; vertical-align: middle; margin:0 25px; }
.RegistBlock .TypeBlock .img{ border-radius: 50%; background:#146fb5; }
.RegistBlock .TypeBlock .img img{ display: block; }
.RegistBlock .TypeBlock .li_con{ padding-left: 8px; padding-top: 2px; }
.RegistBlock .TypeBlock .li_tit{ font-size: 18px; line-height: 1.4em; color:#146fb5; }
.RegistBlock .TypeBlock .li_tit2{ font-size: 14px; line-height: 1.4em; color:#333333; }
.RegistBlock .TipContent .Tip_tit{ font-size: 16px; color:#000; line-height: 2em; font-weight: bold; padding-top: 15px; padding-bottom: 5px; }
.RegistBlock .TipContent .Tip_tit .color1{ color:#fe0000; font-size: 26px; vertical-align: middle; line-height: 18px; height: 18px; padding: 4px 3px 0; display: inline-block; }
.RegistBlock .TipContent .Tip_con{ background-color: #f2f2f2; font-size: 12px; line-height: 22px; color:#000; padding:14px 10px; }
.RegistBlock .AutoTitle5{ padding-top: 25px; }
.RegistBlock .labelBox{ padding:30px 0 5px; }
.RegistBlock .labelBox .label{ font-weight: normal; line-height: 28px; display: block; padding:5px 0; margin:0; white-space:normal; }
.RegistBlock .labelBox .tit{ font-size: 12px; color:#333; text-align: right; width: 115px; }
.RegistBlock .labelBox .r_con{ font-size: 12px; width: 1080px; text-align: left; }
.RegistBlock .labelBox .input{ display: inline-block; width: 265px; vertical-align: middle; line-height: 26px; height: 28px; border:1px solid #c2c2c2; font-size: 12px; font-weight: normal; padding:0 10px; color:#666; }
.RegistBlock .labelBox .input:focus{ box-shadow: 0 0 6px rgba(20,111,181,0.2); }
.RegistBlock .labelBox .radioBox{ position: relative; padding-left: 20px; color:#000; display: inline-block; vertical-align: middle; }
.RegistBlock .labelBox .radioBox .poin{ position: absolute; left: 0; height: 14px; width: 14px; left: 0; top:50%; margin-top: -7px; border-radius:50%; border:1px solid #235882; box-shadow:inset  0px 0px 5px rgba(0,0,0,0.15); cursor: pointer; }
.RegistBlock .labelBox .radioBox.on .poin:after{ content: ""; display: block; position: absolute; left: 32%; top:32%; height: 36%; width: 36%; background:#44c33e; border-radius: 50%; }
.RegistBlock .labelBox .radioBox input[type="radio"]{ position: absolute; height: 14px; width: 14px; left: 0; top:50%; margin-top: -7px; opacity:0; cursor: pointer; }
.RegistBlock .labelBox .radioBox input[type="radio"]:checked+.poin:after{ content: ""; display: block; position: absolute; left: 32%; top:32%; height: 36%; width: 36%; background:#44c33e; border-radius: 50%; }
.RegistBlock .labelBox .radioBox+.radioBox{ margin-left: 30px; }
.RegistBlock .labelBox .tips{ font-size: 12px; color:#9d9d9d; }
.RegistBlock .labelBox .tips .i{ vertical-align: middle; display: inline-block; padding:0 7px; }
.RegistBlock .labelBox .input.yzm{ width: 90px; }
.RegistBlock .labelBox .yzmimg{ display: inline-block; height: 28px; width: 65px; background:url(../images/yzm1.jpg) no-repeat center/contain; vertical-align: middle; border:1px solid #c2c2c2; margin-left: 7px; cursor: pointer; }
.RegistBlock .labelBox .checkBox{ display: inline-block; position: relative; font-size: 12px; color:#333; font-weight: normal; margin:0; cursor: pointer; }
.RegistBlock .labelBox .checkBox input{ display: block; opacity: 0; position: absolute; left: 0; top:0; height: 100%; width: 100%; margin:0; cursor: pointer; }
.RegistBlock .labelBox .checkBox .border{display: inline-block; vertical-align: middle; height: 14px; width: 14px; border:1px solid #146fb5; box-shadow:inset  0px 0px 5px rgba(0,0,0,0.2); position: relative; top:-2px; margin-right: 5px; }
.RegistBlock .labelBox .checkBox input:checked+.border:before{ content: ""; display: block; height: 60%; width: 60%; position: absolute; left: 20%; top:20%; background:#44c33e; }
.RegistBlock .labelBox .submit{ font-size: 12px; line-height: 44px; height: 44px; width: 160px; text-align: center; color:#fff; border-radius: 3px; background-color: #146fb5; }
.RegistBlock .labelBox .submit:hover{ background-color: #0c5690; }
.RegistBlock .labelBox .word{ font-size: 12px; color:#666666; line-height: 20px; padding:10px 0 25px; }
.RegistBlock .labelBox .Clause{ width: 745px; height: 145px; border:1px solid #b7b7b7; font-size: 12px; line-height: 20px; color:#666; padding:15px 10px; overflow-y: auto; }
.RegistBlock .labelBox .Clause .content{ display: block; }
.RegistBlock .zcityGroup{ display: inline-block; vertical-align: middle; }
.RegistBlock .zcityItem{ line-height: 26px; border:1px solid #cccccc; display: inline-block; font-size: 12px; color:#949393; position: relative; width: 100px; z-index: 2; }
.RegistBlock .zcityItem+.zcityItem{ margin-left: 10px; }
.RegistBlock .zcityItem-head{ padding:0 20px 0 10px; position: relative; cursor: pointer; }
.RegistBlock .zcityItem-head:after{ content: ""; display: block; height: 100%; width: 15px; position: absolute; top:0; right: 5px; background:url(../images/icons.png) no-repeat -185px -139px; }
.RegistBlock .zcityItem-head input{ cursor: pointer; display: block; width: 100%; font-size: 12px; line-height: 26px; height: 28px; }
.RegistBlock .zcityItem-main{ position: absolute; left: 0!important; top:100%!important; width: 100%; display: none; background-color: #fff; margin-top: 1px; }
.RegistBlock .on .zcityItem-main{ display: block; }
.RegistBlock .cityContainer{ height: 200px; padding:0; text-align: left; margin:0 -1px; border:1px solid #ccc; overflow-y: auto; }
.RegistBlock .cityTips{ display: none; }
.RegistBlock .cityContainer ul{ margin:0; padding:2px 0; }
.RegistBlock .cityContainer ul li{ list-style: none; padding:2px 10px; margin:0; cursor: pointer; }
.RegistBlock .cityContainer ul li:hover{ background-color: #eee; }
.RegistBlock .fileBox{ position: relative; display: inline-block; font-weight: normal; color:#fff; text-align: center; border-radius: 3px; background-color: #146fb5; }
.RegistBlock .fileBox input{ position: absolute; left: 0; top:0; height: 100%; width: 100%; opacity: 0; display: block; cursor: pointer; }
.RegistBlock .fileBox .txt{ display: block; font-size: 12px; line-height: 34px; height: 34px; width: 125px; }
.RegistBlock .fileoutput{ display: inline-block; font-size: 12px; color:#333; vertical-align: middle; padding-left: 10px; }
.RegistBlock .fileBox:hover .txt{ background-color: #0c5690; }